React-Native学习手册----搭建基于ios平台的开发环境

时间:2022-09-19 09:15:53

首先推荐几个链接:

React-Native 官网地址:https://facebook.github.io/react-native/docs/getting-started

React-Native实现了跨平台的移动应用开发,可以说是大大的降低了人工成本,提高了代码复用效率。

React-Native(以下简称RN)的ios开发环境搭建,从官网的例子中可以分为两个部分:1.纯js版本 2.需要用到Native原生

1.纯js版本

官网提供了一个Expo工具链,地址在:https://expo.io/,依次选择Tools->Client,效果图如下,可根据移动端系统选择需要安装的Expo Client。

React-Native学习手册----搭建基于ios平台的开发环境

1)首先安装脚手架expo-cli

npm install expo-cli -g

2)选择项目路径

expo init AwesomeProject

3)选择blank模式

React-Native学习手册----搭建基于ios平台的开发环境

4)项目创建完成后如图下

React-Native学习手册----搭建基于ios平台的开发环境

5)进到项目的根目录下并运行

cd AwesomeProject/
npm start

 6)项目运行成功后效果如下

React-Native学习手册----搭建基于ios平台的开发环境

7)最新版Expo Client没有二维码扫描工具,但是你会发现你的浏览器新开了一个网页,如下:

React-Native学习手册----搭建基于ios平台的开发环境

此时在iphone手机中选择浏览器输入地址:exp://192.168.1.68:19000,系统提示你是否使用Expo Client工具打开此链接,选择是,项目就会同步到手机中,到此ios纯js开发环境已经搭建完成