react native 中使用react-native-vector-icons
1.引入依赖
cnpm install react-native-vector-icons --save
2.LINK原生
react-native link react-native-vector-icons
若成功的话会看到如下文件
3.在组件中引入
import Icon from 'react-native-vector-icons/Ionicons'; //引入图标 在reder中使用: <Icon name="rocket" size={30} color="#900" />
4.重新react-native run-android的时候会报错,因为node_module中的react-native-vector-icons下的 buildToolsVersion 和你项目的 buildToolsVersion 不一致,所以你需要修改react-native-vector-icons中的buildToolsVersion 和项目中的一致
注意:两者一定要一致,不一致一定会报错的
5.此时你可以重新run-Android一下,然后可以在模拟器上或者是真机上看到如下界面
至此,引入react-native-vector-icons及使用算是基本成功了