react-native 引入 react-native-vector-icons

1. npm install react-native-vector-icons --save 或者 yarn  react-native-vector-icons

2.配置安卓:将项目中node-modeles\react-native-vector-icons\Fonts目录下所有ttf文件复制到

项目andriod\app\src\main\assets\fonts目录下  (assets\fonts没有则新建文件夹)

3.修改andriod/app目录下的build.gradle文件,在文件最上面增加 apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" ( android/app/build.gradle ( 不是 android/build.gradle ))

4.配置iOS: pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

5.在RN项目找那个导入组件

import FontAwesome from 'react-native-vector-icons/dist/FontAwesome'



图例地址:https://oblador.github.io/react-native-vector-icons/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。