2018-08-29

React-Native之图标库react-native-vector-icons 的集成-炒鸡简单



icons图标库的优缺点可自行查阅,这里只记录集成过程:

1. cd “你的项目”

2. npm install react-native-vector-icons --save

iOS :3. 

2018-08-29_第1张图片

4. 

2018-08-29_第2张图片


5.

2018-08-29_第3张图片


6. iOS集成结束

安卓:


2018-08-29_第4张图片
import com.oblador.vectoricons.VectorIconsPackage;@Overrideprotected List getPackages() {return Arrays.asList(new MainReactPackage(), new VectorIconsPackage());}


2018-08-29_第5张图片
compile project(':react-native-vector-icons')
2018-08-29_第6张图片
2018-08-29_第7张图片
include ':react-native-vector-icons' project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')

8. 开始你的代码


2018-08-29_第8张图片

你可能感兴趣的:(2018-08-29)