javascript - 我如何在 React Native + Expo 的导航选项卡中使用自定义字体？

Question

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

我已经使用 Font.Loadasync 在我的根组件@app.js 中加载了字体。

// 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 />
    );
  }
}

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

Answer 1

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