前几天公司android项目，用到了react-native-vector-icons字体图标库，用了几次没成功，最后一次尝试，成功了，下面贴出代码。

我用的是react-native-vector-icons的FontAwesome字体图标

比较官方的网址是https://fontawesome.com/  方便你查看全部的文档

1.修改之处如下：android/app/build.gradle 

project.ext.vectoricons = [    iconFontNames: [ 'FontAwesome.ttf', 'EvilIcons.ttf' ] // 这里加上你想要的图标库]apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

2.修改之处如下：android/settings.gradle 

include ':react-native-vector-icons'//加上这个project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')//加上这个

3.修改之处如下：android/app/build.gradle 

dependencies {  compile fileTree(dir: 'libs', include: ['*.jar'])  compile "com.android.support:appcompat-v7:23.0.1"  compile "com.facebook.react:react-native:+"  // From node_modules  compile project(':react-native-vector-icons')//加入这个代码}

4.修改之处如下：MainApplication.java ( in android/app/src/main/java/...)

package com.myapp;  import com.oblador.vectoricons.VectorIconsPackage;//加入这个代码....  @Override  protected List getPackages() {    return Arrays.asList(      new MainReactPackage()    , new VectorIconsPackage()//加入这个代码    );  }}

 

更多相关文章

1. 在代码中设置RelativeLayout布局中标签的android:layout_toLeftO
2. Android实现Tab布局的4种方式（Fragment+TabPageIndicator+ViewPag
3. Android(安卓)安卓WebView套壳H5网页 手机返回键问题(过滤二级页
4. 代码设置RadioButton的高端技巧 - wavky
5. Android中如何在Eclipse中关联源代码？（图文）
6. Android绘制进阶之三：在位图上(Bitmap)绘制位图（Bitmap）
7. 写一个简单的Android计算器应用
8. Android(安卓)8.1 bluetooth system architecture
9. Android客户端单线程下载

随机推荐

1. Intent详解（二）----Intent过滤器
2. Android触摸事件传递机制及viewpager嵌套
3. [置顶] Android的log机制
4. Android4.0 Design之UI设计易犯的错误2
5. Android上的Native以及JNI开发(1)
6. Android(安卓)开发平台之我见 Android(安
7. Android中View的坐标常用方法
8. 02.Android应用程序组成
9. Android编程实现连接Wifi(运用Wifi 相关
10. 5. Android(安卓)内存管理