React Native 引用&删除第三方组件

引用第三方组件

RN 第三方库快速查找：组件

1. 引入第三方库,输入如下命令：

$ npm install [第三方库] --save 
eg:
$ npm install react-native-vector-icons --save

命令执行完成之后，在文件 package.json 中会有引入的项目。

...
"dependencies": {
    "react": "16.8.3",
    "react-native": "0.59.2",
    "react-native-vector-icons": "^6.4.2"
  },
...

2. 将第三方库链接到项目,输入如下命令：

$ react-native link

3. 使用 react-native run-ios 或者 react-native run-android 运行项目。

删除第三方组件

1. 删除在项目中 package.json中的依赖，输入如下命令：

$ npm uninstall react-native-vector-icons

2. 进入项目下的 android 目录下，然后打开 setting.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 代码块内的一行依赖：

implementation project(':react-native-vector-icons')

4. 打开 android/app/src/main/java/com/包名/MainApplication.java,找到 RN 调用的原生方法new ReactVideoPackage(),删除这行代码及导的包。

import com.oblador.vectoricons.VectorIconsPackage;
new VectorIconsPackage(),

5. 如果你在项目中已经用了这个组件，在你调用的 js 文件中你还要删除该组件：

import Icon from 'react-native-vector-icons/Ionicons';

6. 使用 react-native run-ios 或者 react-native run-android 重新运行项目。