フォントファミリーRobot light and bold in reactネイティブ

Question

私の反応するネイティブアプリケーションのテキストを変更しました。段落にはRobotoライト、タイトルにはRoboto Boldを指定する必要があります。ので、私はそれが両方 のために働くようにする必要があり、私はコード

text : { fontFamily: 'sans-serif-light' },

のこのコード行を試みたが、私はこのエラーを取得：：私はiOSとAndroidアプリの両方でテキストの同じ外観を持っている必要があります

私は公式ドキュメントからこのタイプを試してみましたが、それがうまく

title : { fontFamily: 'Cochin' },

働いている - だから、>を私は問題がRobot fontfamily自体にあると思う。どんな助け？

Answer 1

すべてのTTFファイルでアプリストアにカスタムフォントを追加するにはディレクトリ。 package.jsonファイルに次のコードを追加します。

"rnpm": { "assets": [ "./fonts" // yours fonts directory ] }

その後のfontFamilyでTTFファイルに同じ名前を使用するフォントを使用するにはreact-native link を実行します。

Answer 2

sans-serif-lightおよびRobotoは、Android専用フォントです。 iOSには別のフォントが必要です。このリポジトリには、iOSとAndroidのために利用可能なフォントのリストを持っている - https://github.com/react-native-training/react-native-fonts

あなたは、各OSごとに異なるフォントをターゲットにPlatform.select()を使用することができます。

title: { 
    ...Platform.select({ 
     ios: { fontFamily: 'Arial', }, 
     android: { fontFamily: 'Roboto' } 
    }) 
}