博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React-Native学习手册----搭建基于ios平台的开发环境
阅读量:4677 次
发布时间:2019-06-09

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

首先推荐几个链接:

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。

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

npm install expo-cli -g

2)选择项目路径

expo init AwesomeProject

3)选择blank模式

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

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

cd AwesomeProject/npm start

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

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

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

 

转载于:https://www.cnblogs.com/zfygiser/p/10194786.html

你可能感兴趣的文章
Python & Django 学习笔记
查看>>
python第四天练习题
查看>>
【bzoj4543】Hotel加强版(thr)
查看>>
没有标题(1)
查看>>
React-Native学习手册----搭建基于ios平台的开发环境
查看>>
Android手机 Fildder真机抓包
查看>>
[stm32] 中断
查看>>
L1-043 阅览室
查看>>
我大学时代的好朋友要结婚了!
查看>>
RTP Payload Format for Transport of MPEG-4 Elementary Streams over http
查看>>
PAT-1134. Vertex Cover (25)
查看>>
git 命令图解
查看>>
分布式存储系统可靠性系列三:设计模式
查看>>
this关键字的由来及使用
查看>>
两个时间相差多少 .net中的timespan应用
查看>>
递归 换零钱问题——由打靶子问题引申
查看>>
Python-函数基础
查看>>
Extensible Messaging and Presence Protocol (XMPP) 简介
查看>>
Farm Irrigation
查看>>
windows平板的开发和选型
查看>>