原生项目集成react-native--android篇

新建RN项目

首先按照官网搭建开发环境，配置好了之后，使用命令npx react-native init AwesomeProject创建一个RN新项目，使用Android studio运行跑起来。一切顺利！

集成到原生项目

配置项目目录

使用Android studio创建一个新项目，运行一下，看可以跑起来不。把这个新建的项目复制到RN项目的android目录下，直接覆盖原来的文件。

配置maven

在目录android/app/build.gradle 文件中添加 React Native 依赖

dependencies {
    ...
    implementation "com.facebook.react:react-native:+" // From node_modules
}

在 android/build.gradle 文件中，添加一个 maven 依赖的入口，必须写在 "allprojects" 代码块中

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

配置权限

在 AndroidManifest.xml 清单文件中声明网络权限:

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

修改主页面

在AndroidManifest.xml 清单文件中修改主页面为RN中的index.js

<application
        android:allowBackup="true"
        ...>
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            // 主要修改这个地方
            android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
            android:launchMode="singleTask"
            android:windowSoftInputMode="adjustResize">
            <!-- android:theme="@style/AppTheme.NoActionBar"> -->
            ...

最后再重新运行一下这个项目，成功！！！