react-native-vector-icons android 字体图标

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hopefullman/article/details/82655885

前几天公司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<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
      new MainReactPackage()
    , new VectorIconsPackage()//加入这个代码
    );
  }

}