美文网首页
「React Native」安卓从零搭建RN项目(三种方式)

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

作者: 七月流火_9405 | 来源:发表于2018-04-17 18:38 被阅读0次

一、前言

构建产生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

相关文章

网友评论

      本文标题:「React Native」安卓从零搭建RN项目(三种方式)

      本文链接:https://www.haomeiwen.com/subject/tglukftx.html