在expo 中 为React Native设置字体
最近写了个小项目,老板有个需求是要设置字体为宋体
按照我的思路:
<Text style={{fontFamily:'simsun'}}>测试测试</Text>
然而事实并不能这样,字体是需要自己安装的,也就是说你需要自行下载TTF , OTF
或者WOFF , EOT & SVG
的字体。(原谅我太菜 :<)
先说下我的项目是用expo + react native搭建。
刚好expo提供了加载字体的方法
import {Font} from 'expo';
Font.loadAsync({
'song': require('../assets/fonts/song.ttf')
}).then(() => this.setState({ fontsLoaded: true }))
这里可以自定义名称,我就叫他song体。
然后之所以使用setState是因为这个loadAsync
方法是异步的,这里是为了避免字体还没有加载出来。
然后就能使用我的song体辣
<Text style={{fontFamily:'song'}}>测试测试</Text>
完。