小编Rod*_*iga的帖子

似乎无法使用 Expo 的 Font.loadAsync 加载自定义字体

我正在将 React Native 与 Expo 一起使用,除了自定义字体的这个问题外,一切都进展顺利。我Lobster-Regular.ttf在 ./assets/fonts 中有我的字体,我一直在尝试加载它,如官方文档中所示:

componentDidMount() {

    Font.loadAsync({

      'Lobster': require('./assets/fonts/Lobster-Regular.ttf'),
    });

  }
Run Code Online (Sandbox Code Playgroud)

然后我将我的标题设置为这样:

  headerText: {
    color: 'white',
    fontSize: 30,
    fontFamily: 'Lobster'
  }, 
Run Code Online (Sandbox Code Playgroud)

我得到的只是

fontFamily 'Lobster' 不是系统字体,尚未通过 Font.loadAsync 加载。

  • 如果您打算使用系统字体,请确保您输入的名称正确并且您的设备操作系统支持它。

  • 如果这是自定义字体,请务必使用 Font.loadAsync 加载它。

我错过了什么吗?

fonts reactjs react-native expo

3
推荐指数
1
解决办法
8005
查看次数

标签 统计

expo ×1

fonts ×1

react-native ×1

reactjs ×1