现有Android项目引入ReactNative--九步大法

最新推荐文章于 2024-07-11 10:59:05 发布

置顶

先知丨先觉

最新推荐文章于 2024-07-11 10:59:05 发布

阅读量6.9k

点赞数 7

分类专栏：安卓菜鸟进阶 RN 安卓菜鸟进阶文章标签： android reactnativ RN

本文链接：https://blog.csdn.net/github_33304260/article/details/76571961

版权

本文详细介绍了如何在现有的Android工程中添加ReactNative，包括创建package.json，安装react和react-native模块，添加启动脚本，配置build.gradle，设置权限，添加组件，配置DevSettingsActivity，实现ReactApplication等步骤。

摘要由CSDN通过智能技术生成

为什么写这篇文章，因为很多时候我们是需要在原Android工程中添加ReactNative，而不是直接react-native init hello来创建工程，而且官网的说明不是很详细，不是完全针对安卓的，所以本文的必要性不言而喻。
#创建Android原生工程
新建Android原生工程，这里就不详细叙述了，如下图：
这里写图片描述

这里写图片描述

点击***finish***到这里Android原生工程创建完成。

运行一下看下效果：

这里写图片描述

#动态添加ReactNative
###第一步：初始化package.json文件：
在工程根目录下的CMD中输入npm init，然后会生成package.json文件
这里写图片描述

⚠️：这里name不能使用大写，如上动图所示，填写完相应的信息后会在根目录中生成相应的package.json文件，里面内容如下：

{
  "name": "reactnativeapp",
  "version": "1.0.0",
  "description": "demo",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "libin",
  "license": "ISC"
}

###第二步：在package.json文件中添加启动脚本：