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及使用算是基本成功了