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

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

Tweet

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

そのため対策としては、

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

が必要になってきます。

起動後はもちろん使える

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

fontFamily: 'RopaSans-Italic'

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

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