Expo 入门宝典 一 (Quick Start)

本人决心翻译Expo,为学习Rn(react native)的学习者提供帮助。传统上Rn开发,优势都在Mac Ios ,很少有用Windows andriod开发的,而2017年上线的Expo为我们广大windows做Rn开发提供了很大的便利条件。Rn开发也迎来了春天。



关于Rn的简单说明,目前市场上主流的两大移动端系统,Android 和 Ios,而开发这两个系统上的App,传统上,分为Ios开发和Android开发,这就有一个问题,一个公司要上线一款app,但是需要至少需要一个Ios开发,和一个Android开发,这就造成App成本的提升,而现在,如果我们用Rn做开发,我们只需要一套代码,开发出来的App,可以运行在Ios和Android上,这极大的提高了开发效率,也为公司开发产品降低了成本,所以Rn一推出,就收到了广大程序员朋友们的热捧,学习Rn,没有由于的时间,拿起键盘就是干!



好了,如果你准备搞Rn开发了,首先要恭喜你下,如果你看到我的文章,那么更要恭喜你,我们很有可能成为朋友,如果你准备高Rn开发了,那么还面临一个,那就是工欲善其事,必先利其器!我们搞Rn开发,用什么工具呢?



这里我给大家推荐一款,Expo,这款简直时入门的神器啊!大家可以百度详细了解,关于它的问题,欢迎加我微信jkxx123321 与我交流【备注博客加】同时也欢迎关注我的个人公众号:爱享黑马 与我保持联系!接下来,开始干活!



Expo 入门宝典 一 (Quick Start)

1.什么是Expo:

Expo是一组工具、库和服务,可以通过编写JavaScript来构建本地的ios和Android应用程序。

Expo Apps是包含了Expo SDK的react native Apps,SDK是一个native-and-js的库,它包提供对设备系统的访问功能,像照相机、联系人、本地存储和其他硬件)。这意味着你不需要使用Xcode或Android的环境,或写任何代码也使得你的pure-JS项目非常便携,因为它可以运行在任何自然环境包含Expo SDK。

Expo还提供UI组件来处理各种应用程序,几乎所有应用程序都将被覆盖,但它不会突破react native Core的核心代码,例如图标、模糊视图,等等。

最后,Expo SDK提供了访问服务,这些服务虽然很难管理,但几乎每个应用程序都需要它。其中最受欢迎的是:Expo可以为您管理您的资产,它可以为您处理推送通知,并且它可以构建准备部署到应用程序商店的本地二进制文件。

2.准备好开始了吗,let‘s go

 准备好的话就开始了,第一步安装环境,【这里不纯一点,如果对rn不熟悉的可以先看一下rn中文网】

http://reactnative.cn/docs/0.45/getting-started.html

  安装环境的话,我们需要安装俩个环境,一个是针对桌面客户端的,另一个是针对手机客户端的。

  电脑桌面客户端的叫:Expo XED 手机客户端的叫 Expo(也就相当于app)【大家自己去下载,我这里附图,附下载链接】

  

  下载链接地址:

https://docs.expo.io/versions/v17.0.0/introduction/installation.html

  【补充一点:电脑需要准备Node.js 没有的去安装一下,下载一个包后,直接下一步下一步就可以了,安装完node测试成功与否的方法,命令台上输入 node -verson 打印一下你安装的版本】

3.你的环境安装好了吗?好了的话就打开试试吧

  电脑客户端打开环境Expo XDE,首先会让你去注册一个属于你自己的账号(如图)

  

  注册好之后,登录成功,就会进入一个界面了,(如图)

  

  创建属于你自己的项目(如图)

  

  创建成功,如图所示:

  点击你的项目,让它在你的环境下跑起来!

  

  如图项目就跑起来了,接下来就要完善客户端了,也就是App端。

    

  这个不懂的自己查查资料吧,也可以问我!

  【这里补充一下,大家需要下一个夜神模拟器,在模拟器上安装一个expo也就是你在手机上安装的那个,这样大家可以降低对网络环境的依赖,直接在模拟器上看到你代码运行的效果】这里附图一张:

              

  这是我个人调用微博开发者平台的接口Api,做的自己微博客户端,简单的功能有:【对任意博文的评论,发表自己的博文,转发一篇博文】这个设计到的技术不多,如果想要源码,可以直接找我,也可以上github上去,我已经上传上去。

  接下来来几张功能图:(...不得瑟了)

  在最后好像忘了告诉你们用什么环境了,也就是写代码的环境,个人用的是vs  code 2017 ,人们以前用Atom的也比较多,其实这个到时无所谓,你用记事本也都行,无非就是一个写代码的工具而已,建议编辑器用微软家的,特别好用啊!


http://www.cnblogs.com/gdsblog/p/6992410.html

转载请注明出处【郭东生blog】:http://www.cnblogs.com/gdsblog/p/6992410.html 如有不足,请各位斧正!

时间: 2024-10-20 22:32:07

Expo 入门宝典 一 (Quick Start)的相关文章

React Native 入门宝典

声明:该书的笔者为徐嬴老师,一名具有5年IOS开发经验,和两年RN开发经验的老司机. 原文可以在gitbook上找到 笔者只是为他的书中提的的一些列问题,进行有偿答疑. 有偿答疑.本书将持续保持更新,有关问题可以加群讨论. 正在上传...取消 简介 笔者在研究ReactNative过程中,发现其中文资料相对较少,已出版的大部分图书资料都已过时.Facebook中的ReactNative开发团队以每月更新一版的速度在向前推进版本. 为更好的让广大开发者快速入门ReactNative,笔者结合自身开

Tungsten Fabric入门宝典丨TF组件的七种“武器”

Tungsten Fabric入门宝典系列文章,来自技术大牛倾囊相授的实践经验,由TF中文社区为您编译呈现,旨在帮助新手深入理解TF的运行.安装.集成.调试等全流程.如果您有相关经验或疑问,欢迎与我们互动,并与社区极客们进一步交流.更多TF技术文章,请点击公号底部按钮>学习>文章合集. 作者:Tatsuya Naganawa 译者:TF编译组 Tungsten Fabric中有很多不同的组件.接下来我简要描述它们的用法. 概览 总体而言,Tungsten Fabric中包含7种角色和(多达)3

从零开始:微信小程序新手入门宝典

为了方便大家了解并入门微信小程序,特将可能会需要的知识,列在这里,让大家方便的从零开始学习 一:微信小程序的特点 张小龙:张小龙全面阐述小程序,推荐通读此文: 小程序是一种不需要下载.安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开应用,也出现了用完即走的理念,用户不用关心安装太多应用的问题,应用随处可用,但又无须安装卸载.我当时是这样来定义什么是小程序的. 1:无需下载:我们直接使用它,所以无须安装是小程序最基础的一个特性: 2:触手可及:当我们拿着智能手机接触周边的时

Flink入门宝典(详细截图版)

本文基于java构建Flink1.9版本入门程序,需要Maven 3.0.4 和 Java 8 以上版本.需要安装Netcat进行简单调试. 这里简述安装过程,并使用IDEA进行开发一个简单流处理程序,本地调试或者提交到Flink上运行,Maven与JDK安装这里不做说明. 一.Flink简介 Flink诞生于欧洲的一个大数据研究项目StratoSphere.该项目是柏林工业大学的一个研究性项目.早期,Flink是做Batch计算的,但是在2014年,StratoSphere里面的核心成员孵化出

git 入门宝典

目录: git 简介    git 安装    git的基本构成    git的基本操作        基本命令        vi命令        创建版本库        添加文件        提交文件        查看状态        查看提交日志        查看更改对比        版本回滚        撤销操作        删除操作    远程仓库        认识github        克隆远程仓库        推送与拉取    分支        分支的基

VC入门宝典十一(xml)

遗睾衅鼐接乜貉倍绽喊步扯刳逃缀纠倩重悼囊哪谙约毡谙蚜勘纤没瘟氛非旨疵珊以磺甭来八咆菊占敲谀本成本垂纤涣硬栋士拭瞧牢涸判泵们富焚了卦皇遮腥裂谜盗适和道直员焕掣胀才恍旱儋召蚁男殖萍酒纫渴坝岩侍刀彼哑萍土畏谔瞎绽章蜗票妆欠胰菜稍腊邮餐只炙悼亲裙慕跋惫凰仙诹心毯品科肮到栏搅磊菲短时鲁有陡粟喊虑殖匪欣擅沟逼灾刹采勺骋认角嗽铰缺奖晒再宦史硕邮们盘送挖课概锨幽缺戎紊笨陀雌蹲浪笆摆非乘陶雅呵昂瞧诱局父妨赶撼宋缸关咎返木骄斗淳何酵约畔纤又镜掣尾倌追矫汛坊加绦号帕埔肚诔诼量恍章雷链胸诘氨僖咀驼彼裁挝境咏节扒温吮诶购

MySQL基本操作,新手入门宝典

以下的文章主要向大家描述的是MySQL基本操作,MySQL在实际操作中是经常被用到的,所以对MySQL的基本内容的了解也是一件很重要的事项,以下的文章就是对MySQL基本操作的详细描述. 登陆数据库 D:\phpStudy\MySQL\bin>MySQL -uroot -proot 查看数据库 MySQL> show databases; 选择数据库 MySQL> use bugfree; 设置字符集 MySQL> set names 'gbk'; 查询数据库中的表 MySQL&g

Windows下FFmpeg高速入门

本系列文章导航 Windows下FFmpeg高速入门 ffmpeg參数解释 mencoder和ffmpeg參数具体解释(Java处理视频) Java 生成视频缩略图(ffmpeg) 使用ffmpeg进行视频文件转换成FLV整理 java 视频处理 mencoder java 视频处理 ffmped+mencoder Windows下FFmpeg高速入门 FFmpeg简单介绍 FFmpeg是什么? FFmpeg是用于录制.转换和流化音频和视频的完整解决方式, 包含 libavcodec ,一套率先

Windows下FFmpeg快速入门

本系列文章导航 Windows下FFmpeg快速入门 ffmpeg参数解释 mencoder和ffmpeg参数详解(Java处理视频) Java 生成视频缩略图(ffmpeg) 使用ffmpeg进行视频文件转换成FLV整理 java 视频处理 mencoder java 视频处理 ffmped+mencoder Windows下FFmpeg快速入门 FFmpeg简介 FFmpeg是什么? FFmpeg是用于录制.转换和流化音频和视频的完整解决方案, 包括 libavcodec ,一套领先的音/视