我的博客原文地址 React Native是非常强大的，但有的时候我们可能并不需要从0开始去开发一个React Native应用，而是需要把它集成到我们现有的Android工程中去，去添加单个的React Native View。本章将主要介绍在原生Android中集成React Native。 可以参考官方文档或中文文档。
新建一个ReactNativeDemo的Android工程作为已有的工程。这部分步骤略过……
进入工程根目录执行以下命令：
npm initnpm install --save react react-nativecurl -o .flowconfig https://raw.githubusercontent.com/facebook/react-native/master/.flowconfignpm init命令是根据提示生成 package.json 文件的。
npm install --save react react-native命令是安装React Native依赖的模块，在根目录下生成node_modules。这个下载过程比较慢，如果其他工程下面有，复制过来也是可以的。 curl用来下载.flowconfig文件
在package.json文件中添加下面语句：
现在的package.json是这样的：
创建index.android.js文件：
在App的build.gradle中加入以下依赖：
在工程的build.gradle中加入以下配置：
如果sync过程中出现下面的错误：
Error:Execution failed for task ':app:prepareDebugAndroidTestDependencies'.参考这里，在App的build.gradle中加入：
在AndroidManifest.xml中加入网络权限：
下面将修改原生代码，实现嵌入React Native功能。
官方文档的做法，首先就是Activity实现DefaultHardwareBackBtnHandler接口：
public class MainActivity extends AppCompatActivity implements DefaultHardwareBackBtnHandler { private ReactRootView mReactRootView; private ReactInstanceManager mReactInstanceManager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); mReactRootView = new ReactRootView(this); mReactInstanceManager = ReactInstanceManager.builder() .setapplication(getApplication()) .setBundleAssetName("index.android.bundle") .setJSMainModuleName("index.android") .addPackage(new MainReactPackage()) .setUseDeveloperSupport(BuildConfig.DEBUG) .setInitialLifecycleState(LifecycleState.RESUMED) .build(); mReactRootView.startReactApplication(mReactInstanceManager, "HelloWorld", null); setContentView(mReactRootView); } @Override public void invokeDefaultOnBackPressed() { super.onBackPressed(); }}新版本中可以用下面的方法，更简单：
public class MainActivity extends ReactActivity{ /** * Returns the name of the main component registered from javaScript. * This is used to schedule rendering of the component. */ @Nullable @Override protected String getMainComponentName() { return "HelloWorld"; //这个是在AppRegistry.registerComponent里面注册的。 }}但这个方法需要我们自定义一个Application否则 运行时会报错：
java.lang.RuntimeException: Unable to start activity ComponentInfo{com.android.hq.reactnativedemo/com.android.hq.reactnativedemo.MainActivity}: java.lang.ClassCastException: android.app.Application cannot be cast to com.facebook.react.ReactApplicationApplication的代码：
public class Application extends android.app.Application implements ReactApplication { private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { /** * 是否支持开发模式，如果支持就返回true，此时需要打开悬浮窗权限。 * 不支持的话就返回false * @return */ @Override public boolean getUseDeveloperSupport() { return BuildConfig.DEBUG; } @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage() ); } }; @Override public ReactNativeHost getReactNativeHost() { return mReactNativeHost; }}还要记得修改AndroidManifest.xml。
根目录运行下面命令：
adb reverse tcp:8081 tcp:8081npm start启动server。 然后点击Android Studio的运行按钮： 如果运行时报下面的错误：
02-22 19:18:59.050 24413 24413 E AndroidRuntime: java.lang.UnsatisfiedLinkError: dlopen failed: "/data/data/com.android.hq.reactnativedemo/lib-main/libgnustl_shared.so" is 32-bit instead of 64-bit可以参考这里或者这里的解决方案，在App的build.gradle里面添加：
再次运行，Hello World界面运行起来了。 另外记得去应用管理界面打开应用的悬浮窗权限，方便调试。
在前面的App运行前，我们需要执行两条命令来启动development server，这在开发环境中可以这么做，但Realese版本这么做肯定是不行的。 下面就来生成Realease版本。
在app/src/main/中新建assets，根目录下执行下面命令：
会在assets目录中生成index.android.bundle和index.android.bundle.meta文件。index.android.bundle文件是所有的React Native js文件打包生成的一个js文件，index.android.bundle.meta中存储的是bundle的sha1值，每次打包都会生成一个meta唯一标识bundle 再次编译运行App，不用启动启动服务App就可以正常运行了。
其实也可以通过复制React Native Server里面bundle文件的方法来实现。 在根目录执行以下命令：
curl "http://localhost:8081/index.android.bundle?platform=android" -o "app/src/main/assets/index.android.bundle"也是可以的。
新闻热点
疑难解答
