react-native 学习(一)
本包子很久没更新过博客啊。。。
学习react-native 可以从官网上去学习。但是 目前我看到的中文网和英文网他们初始构建的项目的命令行是不同的。
在中文网上,构建项目的
react-native-cli
然后
react-native init AwesomeProject但是在英文网站上,构建项目是用:
create-react-native-app然后
create-react-native-app AwesomeProject 咦??????我觉得我好像把顺序写反了,应该先介绍 react-native的开发环境。。。。。。。
咳咳。。。我现在来重新梳理一下。。
首先 1.你需要一个电脑,最好是 MAC (当然你门如果 像我同学那么牛逼,,,硬生生把一个windows电脑系统强装成OS系统,,,,)
2.其次你需要 装 一个xcode ios模拟器 simulatoe在MAC上自带的 xcode 只需要在 appStore上下载就okay
3. 需要下载一个android studio ,里面的android环境可以叫 专业的android开发人员帮你配置,,如果你的水平跟我一样 ,,犹如狗屎,,当然,,,像我们老大,,,全能,,啥都是自己配置的。
4.其次。在 安卓和 ios手机上 分别下一个叫做EXPO的软件。这个软件可以 实时看见你写的app的内容。
BUT,我用的 脚手架是经过我eject出来的。看到这里,小伙伴会问eject是啥,,,eject就是 把 脚手架的ios包和android包分离出来的。一般像eject出来过的是不能够通过EXPO来进行扫码查看生成的app。
因为当我们经过 react-native run-ios/run-android 的时候,,他不是不会出现二维码的,木有二维码 你怎么扫呢,,对吧。。
这个android的环境 我是 很头疼的。。还好我门公司的安卓帮了我,,给了我什么 android 的bundle文件
5.要看安卓上的效果 必须要装一个 adb,,,记住是全局装啊。。。。
adb的用法就很简单,,一个命令是 adb devices 用来看当前连着电脑的 安卓机器有木有
有的话就是 直接 react-native run-android
adb的另一个用途 ,我会在下一节找到
react-native 学习(一)的更多相关文章
- React Native 学习-01
React Native 学习 (学习版本 0.39) 一.环境配置 二.IDE选择 webstorm 1.webstorm配置 ①.首先是可以选择使用汉化包汉化.eu68 ②.安装插件和外部库. 由 ...
- react native 学习一(环境搭配和常见错误的解决)
react native 学习一(环境搭配) 首页,按照http://reactnative.cn/docs/0.30/getting-started.html#content上的介绍,下载安装pyt ...
- React Native 学习资料
React Native 学习资料 学习资料 网址 React Native中文网 https://reactnative.cn/
- React Native 学习(三)之 FlexBox 布局
React Native 学习(三)之 FlexBox 布局
- React Native 学习笔记--进阶(二)--动画
React Native 进阶(二)–动画 动画 流畅.有意义的动画对于移动应用用户体验来说是非常必要的.我们可以联合使用两个互补的系统:用于全局的布局动画LayoutAnimation,和用于创建更 ...
- iOS、swift、React Native学习常用的社区、论坛
<!----iOS> <!----Swift>*IOS开发常用社区:http://code4app.com/ *IOS开发常用社区:http://www.cocoachina. ...
- react native 学习资料整理
入门教程 深入浅出 React Native:使用 JavaScript 构建原生应用 http://www.appcoda.com/react-native-introduction/ 中文版 h ...
- iOS 写给iOS开发者的React Native学习路线(转)
我是一名iOS开发者,断断续续一年前开始接触React Native,最近由于工作需要,专职学习React Native也有一个多月了.网络上知识资源非常的多,但能让人豁然开朗.迅速学习的还是少数,我 ...
- React Native学习方法论
这是我技术公众号的第一篇文章,也是React Native系列文章的第一篇,对我的文章感兴趣的可以加我微信16230091进行关注. 本文表面上讲React Native(以下简称RN),实际上对于学 ...
- react native学习资料
一:基础学习: react-native中文文档(react native中文网,人工翻译,官网完全同步)http://react-native.cn/docs/getting-started.htm ...
随机推荐
- PL/SQL developer连接oracle出现“ORA-12154:TNS:could not resolve the connect identifier specified”问题的解决
转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/50728536 本文出自[我是干勾鱼的博客] 使用PL/SQL developer ...
- 每日英语:Yahoo's Rally: Made in China
The typical honeymoon doesn't last too long before the hard work of marriage begins. And so it norma ...
- nyoj 15 括号匹配(2)
括号匹配(二) 时间限制:1000 ms | 内存限制:65535 KB 难度:6 描述 给你一个字符串,里面只包含"(",")","[" ...
- [转]ISTQB FL初级认证考试资料(中文)
[转]ISTQB FL初级认证考试资料(中文) 2015-06-22 ISTQB作为一个专业的提供软件测试认证的机构,得到了全球软件测试人员的认可.目前中国有越来越多的人已经获得或者希望获得ISTQB ...
- Handler实例
Handler使用例1这个例子是最简单的介绍handler使用的,是将handler绑定到它所建立的线程中.本次实验完成的功能是:单击Start按钮,程序会开始启动线程,并且线程程序完成后延时1s会继 ...
- Bootstrap学习笔记(5)--实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单
实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单 微笑的鱼 2014-01-03 Bootstrap 5,281 次围观 11条评论 使用Bootstrap导航条组件时,如果你的导航条带有下拉 ...
- 基于js鼠标拖动图片排序
分享一款基于js的图片排序效果.鼠标拖动图片,重新排列图片的排列顺序.该插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线 ...
- java自带线程池和队列详细讲解<转>
Java线程池使用说明 一简介 线程的使用在java中占有极其重要的地位,在jdk1.4极其之前的jdk版本中,关于线程池的使用是极其简陋的.在jdk1.5之后这一情况有了很大的改观.Jdk1.5之后 ...
- PHP——数组2(数组函数,二维数组,正则表达式)
<body> <?php //数组函数 $arr=array(1,2,3,4,5,6); print_r($arr); echo "<br />"; ...
- 几种在Linux下查询外网IP的办法。
几种在Linux下查询外网IP的办法. Curl 纯文本格式输出: curl icanhazip.com curl ifconfig.me curl curlmyip.com curl ip.ap ...