我正在尝试在我的应用程序中使用谷歌字体,并遵循了文档
here
没有运气。我下载了字体并使用了Expo推荐的文件结构。医生说要使用
async componentDidMount
你可以在下面的代码中看到我在做什么。我见过其他人成功地使用
async componentWillMount
但这对我不起作用。
我收到的错误消息是:
console.error: "fontFamily 'anton-regular' is not a system font and has not been loaded through Expo.Font.LoadAsync."
我的控制台。日志,共页
fonts loaded: true
在我得到字体错误之前,在远程调试器中弹出。
import React, { Component } from 'react';
import { Font } from 'expo';
import...
class App extends Component {
constructor(props) {
super(props);
this.state = { fontLoaded: false };
}
async componentDidMount() {
try {
await Font.loadAsync({
'anton-regular': require('./assets/fonts/Anton-Regular.ttf'),
});
this.setState({ fontLoaded: true });
console.log('fonts are loaded');
} catch (error) {
console.log(error);
}
}
render() {
if (this.state.fontLoaded) {
console.log('fonts loaded: ', this.state.fontLoaded)
return (
<Root>
<Provider store={store}>
<AppWithNavigationState />
</Provider>
</Root>
);
}
return (
<Root>
<LoadingScreen />
</Root>
);
}
}
编辑
根据埃文·培根的建议,我将
Font.loadAsyc
尝试/捕获,但未捕获错误。我还将以下内容添加到我的应用程序中。json,无更改。
"packagerOpts": {
"assetExts": ["ttf"]
},