react-native中expo的真机测试字体不加载的坑
Posted zhongchao666
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react-native中expo的真机测试字体不加载的坑相关的知识,希望对你有一定的参考价值。
native-base的字体问题Roboto_medium
把native-base中的Fonts文件夹放到项目的根目录.
import {Font,AppLoading} from ‘expo‘;
import {Root} from ‘native-base‘;
export default class App extends React.Component {
constructor(){
super();
this.state={
loading:true
}
}
async componentWillMount() {
await Expo.Font.loadAsync({
‘Roboto‘: require(‘./Fonts/Roboto.ttf‘),
‘Roboto_medium‘: require(‘./Fonts/Roboto_medium.ttf‘),
});
this.setState({
loading:false
});
}
render() {
if(this.state.loading){
return (
<Root>
<AppLoading/>
</Root>
)
}
return ()
}
以上是关于react-native中expo的真机测试字体不加载的坑的主要内容,如果未能解决你的问题,请参考以下文章