React-Native 设置自定义字体

1043684-1bed2a11f4a03a68.jpeg

开发产品中为了达到人类的审美,会在产品中加入大量字体.

Step1

在项目根目录创建文件夹assets/fonts.

字体位置.jpeg

Step2

在根目录的Package.json 配置字体

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

Step3

react-native link 

Android不需要在进行copy字体.check一下android/app/src/main/assets/fonts/目录下就ok
iOS 需要在info.plist文件中添加字体

<key>UIAppFonts</key>
<array>
   <string>Iam a font.ttf</string>
<array>

Step 4

大功告成,使用fontFamily设置字体名称就可以了