搭建Android版的React Native项目

搭建Android版的React Native项目

开发者可以参考RN开发官网：https://reactnative.cn/docs/native-modules-android/

1. 新建原生项目

2. npm init
   输入一些参数

3. npm install --save react react-native
   执行完后需要根据具体情况更新版本
   比如：npm install --save react@16.6.3 react-native@0.57.8

4. mac :curl -o .flowconfig https://raw.githubusercontent.com/facebook/react-native/master/.flowconfig

4.1. windows环境：
没有curl命令，可以直接用浏览器打开https://raw.githubusercontent.com/facebook/react-native/master/.flowconfig ，将显示的内容直接保存到.flowconfig文件。

5. 在package.json中 scripts下添加：
   “start”: “node node_modules/react-native/local-cli/cli.js start”

6. 创建 index.js文件 写入rn代码

7. app的build.gradle中添加React Native依赖

   implementation “com.facebook.react:react-native:+”

8. 在project的build.gradle中添加本地的React Native的marven目录

   allprojects {
   repositories {
   …
   maven {
   // All of React Native (JS, Android binaries) is installed from npm
   url “$rootDir/node_modules/react-native/android”
   }
   }
   …
   }

9. 添加权限

 <uses-permission android:name="android.permission.INTERNET" />
    /**设置调试 的权限**/
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
    <uses-permission android:name="android.permission.SYSTEM_OVERLAY_WINDOW" />

12. 添加 ：

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