React-Native 与 Android 集成 <一、环境搭建>

如何把react-native集成到已经存在的Android studio工程中

这部分主要参考官方文档:https://facebook.github.io/react-native/docs/embedded-app-android.html#content

Intergrating with Existing Apps内容,这里简述一下:

1.导入react-native相关引用和权限

在build.gradle添加:

compile "com.facebook.react:react-native:0.17.+“

2.在studio工程中的AndroidManifest.xml 

<uses-permission android:name="android.permission.INTERNET" />

在Android中支持晃动手机或点击菜单键打开react-native的调试页面,需要在AndroidManifest.xml中加入

<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />

react-natice需要app的build.gradle文件中配置compileSdkVersion为23,minSdkVersion为16,但是我们项目的appminSdkVersion为15,所以为了支持15,要修改app的build.gradle文件添加如下内容

1
2
3
4
5
defaultConfig {
   ndk {
      abiFilters "armeabi-v7a"
   }
}

AndroidManifext.xml中添加

1
<uses-sdk tools:overrideLibrary="com.facebook.react" />

这时候可能会报一个ndk的错误,只要在gradle.properties中添加

1
android.useDeprecatedNdk=true
3.现在集成的环境以及配置好了,最后在网络好的情况下(能翻墙进facebook),rebuild 下,最后请看下面的插图。






版权声明:本文为Susan8888原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。