一、前言

构建产生React Native项目，有三种方式：
1.通过react native init Demo，在Demo目录下，创建android目录(若需引入ios工程，一并创建ios目录)，将新建的安卓工程，copy到Demo目录的android目录下。
2.(1)npm install -g create-react-native-app(若已安装，则不用重复安装)
(2)create-react-native-app Demo
一样的，手动添加android和ios工程到Demo创建的android和ios目录
3.(1)直接创建一个Demo目录，然后新创建一个package.json文件，添加想要的配置
(2)npm install（会生成node modules和package-lock.json）
(3)手动添加android和ios工程到Demo创建的android和ios目录，README.md、js文件（src文件目录、index.js）

二、详细讲第二种（其他两种类似）

1.安装好环境
2.npm install -g create-react-native-app
3.create-react-native-app Demo
4在Demo下创建一个android目录，在android studio中创建一个本地的工程，将工程复制到Demo的android目录下
5修改package.json文件，npm install(按照官方文档保留，通过自己创建的react native工程，package.json中的文件会生成更多)
6配置maven
在你的app中 build.gradle 文件中添加 React Native 依赖:

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

7在项目的 build.gradle 文件中为 React Native 添加一个 maven 依赖的入口，必须写在 "allprojects" 代码块中:

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

在sync的时候，出现了错误，一个是原生的minSdkVersion与RN的不一致
第二个是需要在清单文件中

三、优缺点

1.init是首次创建项目， package.json产生了很多额外的信息
2.create-native-app创建app, package.json 产生了很多额外的信息
3.手动创建 package.json ,按需生成node_modules

「React Native」安卓从零搭建RN项目（三种方式）

一、前言

二、详细讲第二种（其他两种类似）

三、优缺点

更多相关文章

随机推荐