一、前言
构建产生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
网友评论