React-Native无法解析字体模块

Question

我开始一个非常基本的构建。 我正在使用`create-react-native-app＆＃39;和下午的纱线。

从那里我试图完成的是加载“本地基础”＆＃39;对于一些UI元素。

从app.js文件中我唯一添加的是来自原生基础的按钮组件。

<Button> <Text></Text> </Button>

并且包含了原生基础。

收到一些错误couldn't resolve module '@expo/vector-icons'我去了并安装了@ expo / vector-icons，然后它运行了react-native link。

现在它可以找到@ expo / vector-icons，但它无法找到以Ionicons.ttf开头的字体。

SO。从那里我将所有字体下载到assets/fonts/目录，然后根据我在展会网站上找到的一些文档将其包含在我的 app.js 文件中。

import { Font } from 'exponent';
///
export default class App extends React.Component {
  componentDidMount() {
    Font.loadAsync({
      'ionicons': require('./assets/fonts/Ionicons.ttf'),
    });
  }
///

Answer 1

我加载自定义字体的方法是将它们添加到Info.plist文件中，作为应用程序提供的Font列表：

他们还需要使用Build Phases提供的资源：

之后，您可以在CSS in native native中的fontFamily属性中使用它。确保在添加字体后再次清理并构建项目，以便将它们复制到设备中。