「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

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,674评论 25 709
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,950评论 1 180
  • jQuery对Ajax的支持1)load()方法:①作用:将服务器返回的数据直接插入到符合要求的节点之上,并向服务...
    南山伐木阅读 1,469评论 0 0
  • 最近关注“讲故事”这个原因是在每天听本书里面,好像有两本关于讲故事的书,一本是《你的团队需要一个会讲故事的人》另一...
    掏出来搞事阅读 2,087评论 0 0
  • 去过很多城市,看过很多风景,或只身一人往,或约行两三人,或匆匆忙忙脚下生风赶场子,或安步当车悠闲自在顺心游。不知三...
    闲吃萝卜淡骑驴阅读 1,027评论 0 2