Android和IOS之间的Expo / React-native更改字体

Question

我想知道如何为IOS和Android使用不同的字体， 我只有一个索引文件。（App.js）

我的代码适用于IOS：

<Text style={{fontFamily: 'AppleSDGothicNeo-Thin'}}>Hello!</Text>

但是当我在Android上打开应用程序时，我会看到标准字体（Arial？）

我试过这样的事情：

<Text style={{fontFamily:'Roboto', fontFamily:'AppleSDGothicNeo-Thin'>Hello!</Text>

但这只是给我一个错误，字体没有找到。

Answer 1

您可以使用React Native

中的Platform组件在您的样式中使用条件

import { Platform } from 'react-native';

<Text style={{fontFamily: (Platform.OS === 'ios') ? 'AppleSDGothicNeo-Thin' : 'Roboto'}}>Hello!</Text>

还要确保字体导入良好。

否则，请按照以下步骤导入它们。

1 - 将要使用的字体放在项目内的目录中。例如在./assets/fonts /

中

2 - 在package.json中添加以下行：

“rnpm”: {
   “assets”: [“./assets/fonts”]
}

3 - 在终端中运行：

$ react-native link