搭建Android版的React Native项目_rn开发官网-优快云博客

本文链接：https://blog.youkuaiyun.com/llayjun/article/details/85235174

搭建Android版的React Native项目

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

新建原生项目
npm init
输入一些参数
npm install --save react react-native
执行完后需要根据具体情况更新版本
比如：npm install --save react@16.6.3 react-native@0.57.8
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文件。

在package.json中 scripts下添加：
“start”: “node node_modules/react-native/local-cli/cli.js start”
创建 index.js文件写入rn代码
app的build.gradle中添加React Native依赖

implementation “com.facebook.react:react-native:+”
在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”
}
}
…
}
添加权限

 <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" />

添加：

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