如何手动为React Native项目添加库？含react-native-iron-source集成方案

嘿，我来帮你搞定这两个React Native的依赖问题，一步步来：

不管库有没有上架npm，手动添加的核心思路是让项目识别本地的库代码，并配置好原生端的依赖。通用步骤如下：

• 第一步：获取库代码：把第三方库的代码下载到本地项目里，建议专门建一个libs目录存放，比如./libs/your-library-name，这样方便管理。你可以clone仓库、下载zip包解压，或者直接复制代码过来。
• 第二步：配置package.json依赖：在项目根目录的package.json里，给这个库加一条本地依赖，格式是"library-name": "file:./libs/library-name"。这样包管理器就能识别到它是本地的包。
• 第三步：安装依赖：执行npm install或者yarn install，让项目把这个本地库链接到node_modules里。
• 第四步：配置原生端（如果库包含原生代码）：
  • iOS：打开Xcode的.xcworkspace，把库的.xcodeproj添加到Libraries文件夹，然后在Build Phases里链接对应的.a二进制文件，最后执行npx pod-install安装可能的pod依赖。
  • Android：修改settings.gradle添加库的路径，在app/build.gradle里添加依赖，再在MainApplication.java里注册对应的ReactPackage。
• 第五步：测试调用：在JS代码里导入库，调用它的方法，运行项目检查是否正常工作。

针对这个特定的库，我们需要更具体的配置，确保JS、iOS、Android都能正常运行：

1. 先把库代码弄到项目里 #

• 先在项目根目录创建一个libs文件夹，然后把GitHub上的react-native-iron-source库clone到这里：git clone https://github.com/[仓库作者]/react-native-iron-source.git ./libs/react-native-iron-source（如果是下载zip包，解压到这个路径就行）。

2. 配置JS端依赖 #

• 打开项目根目录的package.json，在dependencies里添加：

  "react-native-iron-source": "file:./libs/react-native-iron-source"
  

• 执行npm install（或者yarn install），让项目识别这个本地包。

3. iOS端详细配置 #

• 打开iOS项目的.xcworkspace文件（一定要用这个，不要用.xcodeproj）。
• 右键点击Xcode里的Libraries文件夹，选择「Add Files to [你的项目名]」，找到./libs/react-native-iron-source/ios/RNIronSource.xcodeproj添加进去。
• 点击项目根节点，切换到「Build Phases」标签，找到「Link Binary With Libraries」，点击+号，添加libRNIronSource.a。
• 执行npx pod-install，安装iOS端的IronSource SDK依赖。
• 注意：根据IronSource的要求，你可能需要在Info.plist里添加必要的权限，比如NSUserTrackingUsageDescription（用于广告追踪），或者其他网络权限，具体可以参考库的文档。

4. Android端详细配置 #

• 打开android/settings.gradle，添加以下代码：

  include ':react-native-iron-source'
  project(':react-native-iron-source').projectDir = new File(rootProject.projectDir, '../libs/react-native-iron-source/android')
  

• 打开android/app/build.gradle，在dependencies代码块里添加：

  implementation project(':react-native-iron-source')
  

• 打开android/app/src/main/java/[你的包名]/MainApplication.java，先导入库的Package：

  import com.ironsource.RNIronSourcePackage;
  

  然后在getPackages()方法里注册这个Package：

  @Override
  protected List<ReactPackage> getPackages() {
    List<ReactPackage> packages = new PackageList(this).getPackages();
    packages.add(new RNIronSourcePackage()); // 加入这行
    return packages;
  }
  

• 注意：同样需要根据IronSource的要求，在AndroidManifest.xml里添加权限（比如INTERNET）和你的IronSource App ID的meta-data，具体看库的文档说明。

5. 测试运行 #

• 在JS代码里导入并初始化：

  import IronSource from 'react-native-iron-source';
  
  // 用你的IronSource App ID初始化
  IronSource.init({ appKey: '你的App ID' });
  

• 分别运行iOS和Android项目，检查是否能正常初始化，没有报错，调用库的方法也能正常工作。

内容的提问来源于stack exchange，提问作者Ivan Kramarchuk