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

一、前言

构建产生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的不一致
第二个是需要在清单文件中

<use-sdk tools:overrideLibrary="com.facebook.react">

三、优缺点

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容