React-Native 设置自定义字体

React-Native 设置自定义字体_第1张图片
1043684-1bed2a11f4a03a68.jpeg

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

Step1

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


React-Native 设置自定义字体_第2张图片
字体位置.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文件中添加字体

UIAppFonts

   Iam a font.ttf

Step 4

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

你可能感兴趣的:(React-Native 设置自定义字体)