博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native的安装和初始化(android /ios)
阅读量:6489 次
发布时间:2019-06-24

本文共 1786 字,大约阅读时间需要 5 分钟。

hot3.png

好久没有写东西,最近想学一下React Native,借此写一写笔记

React Native 的安装

使用React Native开发iOS应用需要OSX系统,Xcode,Homebrew,node,npm以及watchman和react-native-cli。

1.Mac安装Xcode 略过

2.Mac安装Homebrew。

Homebrew是以最简单,最灵活的方式来安装苹果公司在MacOS中不包含的UNIX工具。

    2.1打开终端输入   /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    2.2 会有 点击return键和输入密码 如图

3. Mac安装node和npm

        已经安装好了Homebrew,可直接安装node和 npm。打开终端:

        输入命令行    brew install node 如图:

4.Mac安装watchman  命令行输入 brew install watchman

5.Mac安装flow  命令行输入 brew install flow

6.Mac 安装react-native-cli(用来开发React Native的命令行工具)

命令行输入 npm install -g react-native-cli

 

Mac电脑JDK和android-SDK 的安装

1.JDK安装

1.1在https://www.oracle.com/index.html网址可直接下载

1.2如图

等待下载完安装即可。

1.3 首次安装,需要做一些配置。

1.3.1 找到home文件路径

1.3.2 打开终端,创建文件  touch .bash_profile 

编辑 vim .bash_profile

将 以下 代码粘进去,如图

export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_40.jdk/Contents/Home

PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH

1.3.3,验证是否成功 直接输入 java

2.通过androidstudio 安装 android-SDK

 2.1.安装完androidstudio后,单击androidstudio,右上角选择Preferences.

  

2.2.androidstudio安装的最新的SDK,开发兼容旧的安卓系统,还是需要安装不同版本的    sdk

2.3.等待安装完

2.4.安装android模拟器

打开Androidstudio,创建一个新工程,开始安装模拟器

等模拟器完成,进行测试是否安装成功。

 

如此便安装成功。

创建项目初始化

1.命令行创建一个NativeTest的项目( react-native init NativeTest )

先运行iOS,直接用Xcode打开,

运行之后,就会发现报错,找不到#import <React/RCTBundleURLProvider.h> 文件,这是因为 init 命令默认会创建最新的版本,而目前最新的 0.45 及以上版本需要下载 boost 等几个第三方库编译。这些库在国内即便翻墙也很难下载成功,导致无法运行iOS项目。可以使用--version参数(注意是2个杠)创建指定版本的项目。例如react-native init MyReactiveApp --version 0.55.3。注意版本号必须精确到两个小数点。

再试一次,react-native init MyReactiveApp --version 0.55.3,打开iOS项目运行

这次就成功了

 再试试android运行一下,如图

 

完成

注:在运行ios时遇到这个问题

原因:找了很久,才发现是在运行时打开了翻墙软件,只要关闭就可以,吐血三升啊

 

 

 

 

转载于:https://my.oschina.net/huangyn/blog/2245911

你可能感兴趣的文章
Asp.Net Core WebAPI入门整理(一)
查看>>
CSS Text
查看>>
Android 防内存泄露handler
查看>>
Redis整合Spring结合使用缓存实例
查看>>
【POJ 3292】 Semi-prime H-numbers
查看>>
时空的乐章
查看>>
Linux中Sed的用法
查看>>
腾讯 AlloyCrop 1.0 发布
查看>>
第三百四十节,Python分布式爬虫打造搜索引擎Scrapy精讲—css选择器
查看>>
js 字符串转换成数字的三种方法
查看>>
《JAVA与模式》之代理模式
查看>>
【dotnet跨平台】Asp.net 正在经历的变革
查看>>
Sql控制反转小尝试
查看>>
checkmysql.sh
查看>>
Android按键添加和处理的方案【转】
查看>>
如何让 Xcode 在读写上提速100倍?
查看>>
ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password)
查看>>
SAP FICO 凭证导入接口 数据xml格式
查看>>
Jupyter Notebook快捷键
查看>>
概率运算中C(k,n)是怎么算的啊? 比如C(6,3)等于几?怎么来的.
查看>>