React Native里如何控制导入字体的粗细

Question

在React Native中，我想使用我自己导入的得意黑字体，但是我发现，如果我指定它的字体粗细，字体就会回到默认字体，我没办法控制我导入字体的粗细，而且我并没有找到得意黑字体的Bold版本的ttf文件，请问我应该怎么解决呢

Answer 1

上午好☀️☀️☀️️
本答案参考ChatGPT-3.5

在React Native中，如果想要控制已导入字体的粗细可以按照下面步骤：

1. 确认导入的字体文件中是否包含粗体版本的ttf文件，如果没有的话需要先在网络上下载。

2. 将ttf文件放到项目的assets/fonts目录下。

3. 在项目的app.json或package.json文件中声明字体，例如：

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

1. 在需要使用字体的组件中使用fontFamily指定字体名称并在根目录的index.js或App.js文件中使用Font.loadAsync()进行加载，例如：

组件内部使用：

<Text style={{fontFamily:'SmileySans-Bold',fontWeight:'bold'}}>Hello World</Text>

index.js或App.js文件内部使用：

import * as Font from 'expo-font';

(async () => {
  await Font.loadAsync({
    'SmileySans-Regular': require('./assets/fonts/SmileySans-Regular.ttf'),
    'SmileySans-Bold': require('./assets/fonts/SmileySans-Bold.ttf'),
    'SmileySans-Oblique': require('./assets/fonts/SmileySans-Oblique.ttf'),
  });
})();

通过以上步骤，我们就可以在React Native中导入并控制我们所需的字体类型和粗细了。