关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)

1. 在ReactNative项目根目录创建react-native.config.js文件

关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)_第1张图片

2. 添加以下代码

module.exports = {
  project: {
    ios: {},
    android: {}
  },
  assets: ["./src/assets/fonts/"]
};

3. 将需要的字体文件复制到项目目录 src/assets/fonts/ 下面

关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)_第2张图片

关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)_第3张图片

4. 在项目根目录运行react-native link 或 npx react-native link命令

5.在android目录下会自动引入字体文件

关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)_第4张图片

6.运行项目,发现字体图标已经正常显示

关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)_第5张图片

 

 

你可能感兴趣的:(react,native)