React Native 0.60+ でのカスタム フォントの追加

カスタム フォントは、次の手順で React Native プロジェクト (0.60+) に追加できます.

1. プロジェクトに必要なフォント ファイルを取得する

フォント ファイルは、.ttf または .otf 形式である必要があります.フォント ファイルは、Google フォントから取得できます. assets ディレクトリの下に fonts という名前のフォルダーを作成し、その中にフォント ファイルを配置します.

2.構成ファイルを作成する

ルート プロジェクト ディレクトリに react-native.config.js という名前の構成ファイルを作成し、次のコードを追加します.

module.exports = {
        project: {
            ios:{},
            android:{}
        },
        assets:['./assets/fonts/'],
    }

3.フォントアセットをリンクする

次のコマンドを実行して、新しく追加されたアセットをリンクします.

yarn react-native link

また

npx react-native link

以上で、フォントが追加され、新しいフォント アセットが
android/app/src/main/assets/fonts を android の場合、
iOSの場合はInfo.plist.最後に、アプリを再実行します.