適用於 Android 和 IOS 的自定義字型

在專案資料夾中建立一個資料夾，並將其新增到其中。例：

• 示例：這裡我們在 root 中新增了一個名為 mystuff 的資料夾，然後是 fonts，在裡面我們放置了我們的字型：
  • 

在 package.json 中新增以下程式碼。

{
    ...

    "rnpm": {
        "assets": [
          "path/to/fontfolder"
        ]
    },

    ...
}

• 對於上面的示例，我們的 package.json 現在將具有“mystuff / fonts”的路徑：

  "rnpm": {
    "assets": [
      "mystuff/fonts"
    ]
  }
  

執行 react-native link 命令。

在程式碼下面的專案上使用自定義字型

<Text style={{ fontFamily: 'FONT-NAME' }}>
    My Text
</Text>

FONT-NAME 是特定於字首的平臺。

Android 的

FONT-NAME 是檔案中副檔名之前的單詞。示例：你的字型的檔名是 Roboto-Regular.ttf，因此你可以設定 fontFamily: Roboto-Regular。

iOS 版

右鍵單擊後，在字型檔案上找到 FONT-NAME 為全名，然後單擊獲取資訊。 （來源： https ： //stackoverflow.com/a/16788493/2529614），在下面的螢幕截圖中，檔名是 MM Proxima Nova Ultra bold.otf，但全名是 Proxima Nova Semibold，因此你可以設定 fontFamily: Proxima Nova Semibold。截圖 -

再次執行 react-native run-ios 或 react-native run-android（這將使用資源重新編譯）