在React Native V 60+中呈现Open-sans字体时的问题

问题描述 投票:1回答:1

我想在我的应用程序中添加'Open-sans'字体,但是我有一个问题,它仅在IOS模拟器上发生

这是我的步骤:

a)我已经在根应用程序中创建了一个文件夹:资产,然后在资产中创建了fonts fonts文件夹,并放置了Open-sans.ttf

b)我已经在根目录中创建了一个名为react-native-config.js的文件并添加:

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

enter image description here

c)react-native链接

d)在App.js中>

<Text style={{fontFamily: 'OpenSans-Bold', fontWeight: 'bold'}}>
  This is my first App
</Text>

我的问题是,每当我在App.js中进行任何编辑时,它总是告诉我'无法识别的字体家族']

enter image description here

但是当我打开react-native-config.js却什么也不做,只保存了触发的热重装并且字体正常工作时>]

enter image description here

正如我所提到的,它在Android上是完美的,但是在App.js文件上进行任何编辑后保存时,该错误会出现在IOS上

我想在我的应用程序中添加'Open-sans'字体,但我遇到了问题,它仅在IOS模拟器上发生,这是我的步骤:a)我在根应用程序中创建了一个文件夹,如下所示:先是资产,然后是fonts fonts文件夹在...

<<<<
我也有同样的错误,所以我做了这样的事情:1-将react-native-config.js重命名为react-native.config.js并将此脚本放在文件中:
module.exports = { assets: ['./src/assets/fonts'], // this is my path };

2-放在我的package.json上:

rnpm": {
    "ios": {},
    "android": {},
    "assets": [
      "./src/assets/font"// this is my path
    ]
  },

并且在我运行react-native链接&& yarn react-native链接之后。

检查您的信息列表和android资产是否已更改
react-native fonts react-native-ios
1个回答
0
投票
© www.soinside.com 2019 - 2024. All rights reserved.