React Nativeでスプラッシュ画面でカスタムフォントが適用されない問題


別途用意したフリーフォントをスプラッシュ(起動画面)で使いたかったが、起動時はそもそもフォントがロードされていない状態なので使えないようです。

そのため対策としては、

  • スプラッシュ画像に文字を埋め込む
  • 標準フォントを使う

が必要になってきます。


起動後はもちろん使える

Info.plistに追加後 RNのコンポーネント内で

fontFamily: 'RopaSans-Italic'

のようにスタイルで指定すればOKです。

atnr.net の RSS登録はこちらから

コメントは受け付けていません。