09 2016 档案

React Native 之 Flexbox(弹性盒子布局)
摘要:参考:http://www.tuicool.com/m/articles/JzmMryr Flexbox可以在不同屏幕上提供一致的布局结构,一般使用flexDirection、justifyContent、alignItems三个样式来辅助设计。 1.flexDirection:在组件的style中 阅读全文

posted @ 2016-09-30 16:27 马大哈哈 阅读(703) 评论(0) 推荐(0)

React Native 之 Flex
摘要:组件的高度,宽度决定了在屏幕上的尺寸。React-Native中尺寸都是无单位的,表示的是与设备像素密度无关的逻辑像素点。 阅读全文

posted @ 2016-09-29 17:04 马大哈哈 阅读(3775) 评论(0) 推荐(0)

React Native 之 State(状态)
摘要:我们使用两种数据来控制一个组件:Props+State。props在父组件中指定,一旦指定,在该组件的生命周期中不再改变。而对于需要改变的数据,我们通过state进行修改 constructor(构造器):初始化组件state值,返回值会赋给this.state属性。 EC6写法 定时器 setTi 阅读全文

posted @ 2016-09-29 15:47 马大哈哈 阅读(620) 评论(0) 推荐(0)

React Native 之 PropTypes(属性)
摘要:以常见的基础组件Image为例,在创建一个图片时,可以传入一个名为source的prop来指定要显示的图片的地址,以及使用名为style的prop来控制其尺寸。 <Image source={uri: 'https://upload.wikimedia.org/wikipedia/commons/d 阅读全文

posted @ 2016-09-29 11:31 马大哈哈 阅读(468) 评论(0) 推荐(0)

React Native 项目结构及运行分析(HelloWorld)
摘要:******************** RN开发环境搭建完成后,总会来一个“HelloWorld”嘚瑟一下。******************** 参考资料:http://v.youku.com/v_show/id_XMTQ4OTYyMjg4MA==.html 1.创建HelloWorld (一 阅读全文

posted @ 2016-09-25 11:12 马大哈哈 阅读(2354) 评论(0) 推荐(0)

React-Native开发环境搭建
摘要:本文整理RN开发环境搭建,参考资料如下: http://reactnative.cn/docs/0.31/getting-started.html#content https://my.oschina.net/u/2272722/blog/603407 准备工作: 1.Mac 电脑(本人做IOS开发 阅读全文

posted @ 2016-09-24 14:09 马大哈哈 阅读(256) 评论(0) 推荐(0)

导航