摘要: 不管时用哪种语言,哪种框架,调试永远都是一个避不开的话题 为我们提供了远程调试的功能,而这个功能需要Chrome浏览器的配合。 1. 首先浏览器一定要安装好React Developer Tool 插件 2. 连接手机或打开模拟器 3. 在项目工程目录执行 4. 打开并点击Dev Settings( 阅读全文
posted @ 2018-05-02 21:35 明月照江江 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 在开发项目时,有时一点点小修改就需要重新编译,打包,安装,效率比较低 RN 提供了一种实时重载 (Enable live Reload)的方式,来实现快速的调试开发,修改保存后会立刻载真机或模拟器中显示出来。 打开实时重载方式: 模拟器Command + m ,真机则是摇晃设备 这里由于我已打开,所 阅读全文
posted @ 2018-05-02 18:23 明月照江江 阅读(1358) 评论(0) 推荐(0) 编辑
摘要: Flexbox布局是由W3C在09年提出的在Web端取代CSS盒子模型的一种布局方式。 ReactNative实现了Flexbox布局的大部分功能。 Flexbox布局所使用的属性,基本可以分为两大类: [1] flexDirection 设置子组件的排列顺序,默认column(纵向排列),其他ro 阅读全文
posted @ 2018-05-02 17:54 明月照江江 阅读(388) 评论(1) 推荐(0) 编辑
摘要: 1. 首先创建一个目录(比如ReactNativeDir),用于存放各个ReactNative工程的代码 2.使用React Native命令工具来创建(初始化)一个ReactNative项目(test): 使用Atom打开test项目,可以看到有 如下几个重要目录/文件: 首先通过Android 阅读全文
posted @ 2018-05-02 15:19 明月照江江 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 近些年,Web前端甚是火爆,火爆程度堪比我毕业时的移动端开发一般。随着JavaScript的火爆,移动端也不安分了起来,ReactNative就异军突起了,几乎要做到“一次学习,四处开发”了,而我更是要拥抱时代的变化,开始自己的ReactNative的学习了。 那首先我们就是要开始配置环境: 需要安 阅读全文
posted @ 2018-05-02 12:43 明月照江江 阅读(161) 评论(0) 推荐(0) 编辑