如何在 react native + expo 的导航选项卡中使用自定义字体

Question

我一般可以加载和呈现文本的自定义字体，但是当我尝试为导航栏指定字体系列时，出现错误："fontfamily'poetsenone'不是系统字体，尚未通过Font.Loadsync加载。

我已经在我的根 comopnent @ 应用程序中加载了字体.js使用 Font.Loadasync。

// homescreen.js:
static navigationOptions = {
  title: 'Scan',
  tabBarOptions: {
    labelStyle: {
      fontSize: 20,
      fontFamily: "poetsenone"
    },
    tabStyle: {
    },
    style: {
      marginTop: 23,
      backgroundColor: '#423D3D',
    },
  }
};

 //app.js
export default class App extends React.Component {
  componentDidMount() {
    Font.loadAsync({
      'poetsenone': require('./assets/fonts/poetsenone.ttf')
    });
  }
  render() {
    return (
      <AppContainer />
    );
  }
}

应用.js通常不是顶级组件吗？这是怎么回事？

Answer 1

删除loadAsync中"poetsenone"周围的引号，它应该可以工作。