36

アプリでカスタム フォントを使用したいのですが、エラーが発生し続けます

[RCTLog][tid:0x78f70450][RCTConvert.m:581]>Unrecognized font family 'Roboto'

これは、フォントを直接インポートする iOS の方法をいじる必要があるということですか?

4

8 に答える 8

39

  1. Xcode プロジェクト内に新しいグループ Fonts を作成します。

  2. Finder から作成したフォント グループにフォントをドラッグ アンド ドロップし、[ターゲットに追加] リストでプロジェクト名を確認します。

  3. プロジェクトのメイン ディレクトリ内のプロジェクト名フォルダーを展開し、Info.plist を開きます。

  4. Fonts provided by application新しいキーとして追加

  5. の下に新しいアイテムを追加しFonts provided by application、アイテムの値を、フォント フォルダーに追加した各フォントの拡張子付きの完全なフォント名に設定します。

    • つまり、フォント ファイル名がOpenSans-ExtraBold.ttfの場合、それがアイテムの値になります。

  6. React Native でフォントを使用するにはfontFamily、要素の style 属性を設定するだけです (これを参照してください)。スタイルでは、ファイル名ではなくフォントの名前を使用する必要があることに注意してください。

    • たとえば、上記の例では、style 属性は次のようになります。fontFamily: 'Open Sans'

  7. Shift + Command + K を実行して、最後のビルドを消去します

  8. 次に Command + B で新しいビルドを開始します

  9. そして最後に Command + R でアプリケーションを実行します

認識されないフォント ファミリーというエラーが引き続き表示される場合は、react パッケージャーを再起動してください。

https://github.com/alucic/react-native-cheat-sheet

それが役に立てば幸い！

于 2015-05-30T00:20:51.863 に答える
0

ファイル、つまりdefaultconfig.jsを作成します

このファイルにフォントを追加してから使用します

ウィジェットでfontfamily:''montoface

于 2020-09-06T06:53:14.393 に答える