React Native集成到现有原生应用

为了在现有原生应用中集成React Native，你需要按照以下步骤操作：

1. 设置React Native项目：

   在你的React Native项目目录中运行以下命令来创建一个新的分支或标签，以便于与原生应用集成时保持代码的干净。

   
   
   
   git checkout -b rn-integration

2. 链接原生模块：

   如果你需要与原生代码交互，你可能需要链接原生模块。React Native 0.60及以上版本使用了自动链接的机制，但如果需要手动链接，可以使用react-native link命令。

3. 安装所需的原生依赖：

   在项目的android/app目录下运行以下命令来安装所需的原生依赖：

   
   
   
   cd android && ./gradlew app:installDebug

4. 创建React Native视图：

   在你的原生Activity或Fragment中，你需要创建一个ReactRootView来承载React Native组件，并启动React Native的JS端。

// 在你的 Activity 中
 
import com.facebook.react.ReactRootView;
import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
 
// ...
 
private ReactRootView mReactRootView;
private ReactInstanceManager mReactInstanceManager;
 
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
 
    mReactRootView = new ReactRootView(this);
    mReactInstanceManager = ReactInstanceManager.builder()
        .setApplication(getApplication())
        .setCurrentActivity(this)
        .setBundleAssetName("index.android.bundle")
        .setJSMainModuleName("index.android")
        .addPackage(new MainReactPackage())
        // 添加你的额外的React Packages
        //.addPackage(new MyReactPackage())
        .setUseDeveloperSupport(BuildConfig.DEBUG)
        .setInitialLifecycleState(LifecycleState.RESUMED)
        .build();
 
    mReactRootView.startReactApplication(mReactInstanceManager, "YourAwesomeApp", null);
 
    setContentView(mReactRootView);
}
 
@Override
public void onBackPressed() {
    if (mReactInstanceManager != null) {
        mReactInstanceManager.onBackPressed();
    } else {
        super.onBackPressed();
    }
}
 
// ...

请注意，这只是一个简化的示例，你需要根据自己的项目需求进行相应的调整。例如，你可能需要处理生命周期事件、导航事件、网络请求等。

确保你的React Native代码是独立的，并且不依赖于全局变量或任何平台特有的代码，以便它可以在不同的环境中重用。