Flexbox可以在不同屏幕上提供一致的布局结构,一般使用flexDirection、justifyContent、alignItems三个样式来辅助设计。 1.flexDirection:在组件的style中设置可以决定其子组件的主布局(主轴),默认是竖直方向 - 纵轴‘colunm’(从上到下依 ...
分类:
其他好文 时间:
2016-09-30 18:15:02
阅读次数:
142
1、创建阶段 getDefaultProps:处理props的默认值 在react.createClass调用 //在创建类的时候被调用 this.props该组件的默认属性 2、实例化阶段 ReactDOM.render(<自定义组件 启动后开始实例化 getInitialState:初始化组件的 ...
分类:
其他好文 时间:
2016-09-30 15:03:42
阅读次数:
123
1、npm install webpack -g (如果之前操作过webpack,这一步可略过) 2、npm install webpack --save-dev (执行完这行代码就可以生成一个node_modules的文件) 3、npm install react --save-dev 4、npm ...
分类:
Web程序 时间:
2016-09-29 21:35:44
阅读次数:
227
一、环境需求 1.1 、安装HomeBrew 安装方式 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 1.2、安装npm和Node.js : Node.js安装地址: ...
分类:
其他好文 时间:
2016-09-29 21:32:49
阅读次数:
128
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代 ...
分类:
Web程序 时间:
2016-09-29 20:57:09
阅读次数:
193
组件的高度,宽度决定了在屏幕上的尺寸。React-Native中尺寸都是无单位的,表示的是与设备像素密度无关的逻辑像素点。 ...
分类:
其他好文 时间:
2016-09-29 18:06:30
阅读次数:
318
经过几天的反复折腾,总算做出一个体验还不错的列表页了,主要支持了下拉刷新,上拉加载两个功能。 一开始直接采用了react-iscroll插件,它是基于iscroll插件开发的组件。但是开发过程中,发现它内部封装的行为非常固化,限制了我对iscroll的控制能力,因此我转而直接基于iscroll插件实 ...
分类:
其他好文 时间:
2016-09-29 17:39:49
阅读次数:
161
数月前,Facebook 对外宣布了正在开发的 React Native 框架,这个框架允许你使用 JavaScript 开发原生的 iOS 应用——就在今天,Beta 版的仓库释出了! 基于 PhoneGap 使用 JavaScript 和 HTML5 开发 iOS 应用已经有好几年了,那 Rea ...
分类:
编程语言 时间:
2016-09-29 01:03:59
阅读次数:
245
效果图: 进入工作目录,运行 react-native init NavigatorProject 创建项目NavigatorProject 延伸:传参。 以上面的代码为基础。 一: 效果图: 二: 效果图: ...
分类:
其他好文 时间:
2016-09-28 19:13:08
阅读次数:
142
最近React Native甚是流行,再加上微信推动微应用的背景下,Android和IOS向前端转型势在必行。 技能点: 1、lambda表达式 http://blog.csdn.net/ioriogami/article/details/12782141/ 2、ECMAScript 6 入门 ht ...
分类:
移动开发 时间:
2016-09-28 18:56:23
阅读次数:
159