react-native-vector-icons
这个组件主要是配套的图标引入,在没有配置的情况下,直接使用 Icon 组件会不显示图标,或者显示错误。
操作步骤如下:
1、安装 react-native-asset
官方说的是全局安装 react-native-asset ,我把他安装在项目里面了。
2、在根目录下新建react-native.config.js文件 添加内容
module.exports = {
assets: ['node_modules/@ant-design/icons-react-native/fonts'],
};
3、在项目根目录命令行运行
▶ react-native-asset
info Linking ttf assets to iOS project
WARN ERRGROUP Group 'Resources' does not exist in your Xcode project. We have created it automatically for you.
info Linking ttf assets to Android project
4、检查下图是否生成对应内容,有对应内容说明导入成功,此时图标显示正常。
5、如果引入组件报错,请在babel.config.js中添加
plugins: [
['import', {libraryName: '@ant-design/react-native'}],
]