码迷,mamicode.com
首页 > 其他好文 > 详细

React Native - 认识与环境搭建

时间:2018-01-31 20:20:32      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:base   成本高   技术分享   pat   nod   图片   第三方   模拟器   local   

01

传统开发的痛点

1.人员稀缺

2.开发成本高

3.代码复用率低

4.无法动态更新

02

React Native的优点

1.跨平台

2.性能高

3.低投入

4.支持动态更新

03

开发环境搭建

1.安装nodejs

2.安装命令行工具

npm install -g react-native-cli

技术分享图片

3.安装Android Studio

4.生成App,在命令行中生成app,它会自动初始化一些第三方包(在npm服务器上),可以设置一个淘宝镜像服务器

npm config set registry https://registry.npm.taobao.org
react-native init FirstApp

技术分享图片

如果出现上面的情况,就表示初始化成功了。

5.运行,通过命令行工具(确保有设备连接到电脑,或者模拟器)。

react-native run-android

技术分享图片

技术分享图片

这里面会出现很多问题。

第一个就是gradle下载很慢的问题。

技术分享图片

可以下载到本地,

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=file\:///D:/Android/gradle/gradle-2.14.1-all.zip

技术分享图片

还有一个就是sdk问题,新建local.properties

技术分享图片

sdk.dir = D\:\\Android\\SDK

指定SDK位置。

还有就是指定好,版本。

技术分享图片

经过千辛万苦,终于执行成功了。还是在模拟器中执行成功的,真机中还是搞不定。

React Native - 认识与环境搭建

标签:base   成本高   技术分享   pat   nod   图片   第三方   模拟器   local   

原文地址:https://www.cnblogs.com/jiqing9006/p/8393729.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!