2017-01-24 28 views
1

私はreact-nativeのプログラミングで、ツールバーのタイトルにカスタムfontFamilyを設定する必要があります。私はアンドロイドディレクトリのassets/fontsフォルダにTTFフォントを追加しました。反応したネイティブのToolbarAndroidでカスタムフォントを設定するには

const styles = StyleSheet.create({ 
    toolbar: { 
    backgroundColor: '#2E8B57', 
    height: 40, 
    fontFamily: 'roboto_thin' 
    }, 
}); 

<ToolbarAndroid title='Login' titleColor='white' 
      onIconClicked={() => this.props.navigator.pop()} 
      style={styles.toolbar}/> 

しかしToolbarAndroidタイトルのフォントは、アプリケーションの実行中に警告を取得&を設定されていません。

警告:失敗した小道具のタイプ:ToolbarAndroidに供給無効なprops.styleキーfontFamily ...

誰もがToolbarAndroidタイトルにカスタムフォントファミリを設定する方法のために私を助けることができます。前もって感謝します。

答えて

0

AFAIKこれを設定する方法はありません(あなたの時間を惜しまず、あなたの方法を見つけることができるソースコードで遊んでいる場合)。アイコン、画像 - それ以外に合併症から

、あなただけのAndroid向けのアプリケーションを開発しているにもかかわらず、あなたはまだあなたがカスタムツールバーをレンダリングすることができるしている react-native-router-fluxを、使用することができ、それは、任意の要素に反応含まれていてもよいです、テキスト両方のプラットフォームをサポートしており、アプリケーション Scenesに簡単にナビゲートできます。

0

あなたがする必要があるのは、この

<ToolbarAndroid> 
    <Text style={{ fontFamily: 'yourFont' }}>Title Text</Text> 
</ToolbarAndroid> 
です
関連する問題