准确地说应该是图标的乱码问题。
前提是要下载react-native-vector-icons图标库,然后导入一下,这里我用的是FontAwesome5(用什么无所谓啦)
之前没有做过类似开发,一开始搞不清什么状况,后来查找资料才发现是因为没有将资源导入到本地andriod资源中,所以加载图标的时候就会找不到字体图标(页面显示是这样的'[X]').
要将这个文件夹下的.ttf文件复制一份
node_modules\react-native-vector-icons\Fonts
放到下面的文件夹里面
android\app\src\main\assets\fonts
然后修改android\app\build.gradle文件,配置一下本地资源
project.ext.vectoricons = [
iconFontNames: [
'FontAwesome5_Brands.ttf','FontAwesome5_Regular.ttf','FontAwesome5_Solid.ttf' ] // 指定要使用的字体库。
]
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
最后重新编译运行npx react-native run-android 一下就搞定啦