2017-03-02 13 views
3

を拾っていない。は、Android反応し、ネイティブアプリは、私が反応し、ネイティブアプリ内の「「Verveine社はRegularフォントを使用しようとしていますフォント

フォントがiOS版で動作Androidのビルドでビルドし、なく。

フォントは.tff形式で、私の仕事のルートに置かれています(package.jsonにリンクされ、反応ネイティブリンクが実行されています)。 "android/gradle/src/main/assets/fontsフォントをアップしていないのに、アプリを何度もクリーンアップして再ビルドしました。

アンドロイドデバッガーでフォントを使用している要素を調べると、f ont。しかし、フォントは依然としてデフォルトのフォントです。

誰でもこの問題についての助言やガイダンスを提供できますか?

ありがとうございます!

+0

たちにpackage.json – vinayr

+0

'「rnpm」表示:{ 「資産」:[ 「フォント」 ] }' –

+0

私はアンドロイドのデバッガでフォントを使用するように意図されている要素を検査するとき、それは言います要素は私が使用したいフォントを使用しています。それはちょうどそのフォントで表示されていないだけで、デフォルトです。 –

答えて

0

を追加した後

+0

これらのファイルはプロジェクトのルートにありますか? –

+0

私のディレクトリ構造** src/modules/mymodule/sytles /..**のようなものです – arjun

1
First, make sure you are up to version 0.16+ with react-native. 
Your fonts should be *.ttf or *.otf files and must be located in: /projectname/android/app/src/main/assets/fonts 
Make sure the fonts are lowercase only and follow this pattern: fontname.ttf, fontname_bold.ttf, fontname_light.ttf, fontname_bold_italic.ttf 
+0

これらのすべてを試してみました:(フォントは大文字ですが、小文字に変更しました..まだ運がありません –

1

AppTheme(styles.xml)に別のフォントを定義しましたが、これはあなたの好みのフォントを上書きしましたか?

"Hello World" -Appを最小限のテストとして使用してフォントをテストしましたか?例えばここに示されているよう

は、あなたのTTFを実施している?:How to use custom font in Android Studio

+0

これらすべてを試しただけですが、アンドロイドのデバッガで要素を調べるとその要素は私が望むフォントを使用していると言いますが、要素はまだデフォルトのフォントとして表示されています –

1

を私はここから反応するネイティブのアンドロイドでフォントを追加しました:

https://medium.com/@gattermeier/custom-fonts-in-react-native-for-android-b8a331a7d2a7#.40vw3ooar

は、それが正常に動作しますすべての手順に従ってください。これは私が私がiOSとAndroid向けに同じフォント名を設定することはできませんので、私は上記のように、それを上書きして、それが働いていた私のプロジェクトで

//sampleStyle.js 
import overrideStyles from '/sampleoverridestyles'; 
iconTextStyle: { 
    color: '#FFFFFF', 
    fontSize: 16 
} 

//sampleoverridestyles.ios.js 
export default { 
    iconTextStyle: { 
    fontFamily: 'FaktSoftPro-Medium' 
    } 
} 

//sampleoverridestyles.android.js 
export default { 
    iconTextStyle: { 
    fontFamily: 'faktsoftpro_medium' 
    } 
} 

をカスタムフォントを使用する方法である実行react-native run-android

+0

私は同じチュートリアルに従いましたが、aveilにはありません –

関連する問題