嗨我有一个由我的朋友在本地创建的项目,我试图在我的系统上运行相同的项目,它正在成功构建项目,但是附带的错误是相同的屏幕截图:
尝试找到上述问题的解决方案,但没有得到任何解决方案。
我尝试使用以下命令卸载react-native-vector-icons:
npm uninstall react-native-vector-icons
使用以下命令再次安装它:
npm install react-native-vector-icons --save
但仍然存在问题。
答案 0 :(得分:0)
rnpm link
之后需要npm install react-native-vector-icons --save
进行自动安装(最简单的方式),但还有两个选项:
手动:
将Fonts文件夹中的内容复制到 android / app / src / main / assets / fonts(注意小写字体文件夹)。 为getImageSource和ToolbarAndroid支持集成库
这些步骤是可选的,只有在您想使用时才需要 Icon.getImageSource函数或使用自定义图标 Icon.ToolbarAndroid组件。
编辑android / settings.gradle看起来像这样(没有+):
rootProject.name ='MyApp'
包含':app'
- 包括':react-native-vector-icons'
- project(':react-native-vector-icons')。projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')编辑 android / app / build.gradle(注意:app文件夹)看起来像这样:
apply plugin:'com.android.application'
android {...}
dependencies {compile fileTree(dir:'libs',include:['* .jar'])
编译“com.android.support:appcompat-v7:23.0.1”编译 “com.facebook.react:react-native:+”//来自node_modules + compile project(':react-native-vector-icons')}编辑你的MainActivity.java(深入android / app / src / main / java / ...)看起来像 这(注意两个要编辑的地方):package com.myapp;
- import com.oblador.vectoricons.VectorIconsPackage;
...
@Override protected List getPackages(){ return Arrays.asList( 新的MainReactPackage() +,新的VectorIconsPackage() ); }
}
或使用gradle:
编辑android / app / build.gradle并添加以下内容:
申请来自: “../../node_modules/react-native-vector-icons/fonts.gradle”至 自定义要复制的文件,添加以下内容:
project.ext.vectoricons = [ iconFontNames:['MaterialIcons.ttf','EvilIcons.ttf'] //要复制的字体文件的名称]
申请来自: “../../ node_modules /反应天然矢量-图标/ fonts.gradle”
有关详细信息,请访问官方网站:https://github.com/oblador/react-native-vector-icons