react-native使用 @ant-design/react-native

ant-design/react-native官网地址

安装依赖

npm install @ant-design/react-native --save

链接字体图标
npm install @ant-design/icons-react-native --save

如果图标库引入报错

可以执行

如果您的react-native版本<0.65
npx react-native link @ant-design/icons-react-native

如果报错unknowed commond link
执行

yarn add react-native-asset --save
yarn react-native-asset @ant-design/icons-react-native
在根目录下新建react-native.config.js文件
添加内容
module.exports = {
  assets: ['node_modules/@ant-design/icons-react-native/fonts']
};

完成后查看 /项目名称/android/app/src/main/assets/fonts

如果有就是成功了

如果引入组件报错

请在babel.config.js中添加

plugins: [
    ['import', {libraryName: '@ant-design/react-native'}],
]