react专题提供react的最新资讯内容,帮你更好的了解react。
概述 我们先来理一理React的生命周期方法有哪些: componentWillMount 渲染前调用一次,这个时候DOM结构还没有渲染。 componentDidMount 渲染完成后调用一次,这个时候DOM结构已经渲染了。这个时候就可以初始化其他框架的设置了,如果利用jQuery绑定事件等等。 componentWillReceiveProps 初始化渲染不会调用,在接收到新的props时,会
ActivityIndicatorIOS ActivityIndicatorIOS 小菊花控件,动态指示图标,一般在比较耗时的操作中使用,用来做用户友好性提示。 属性 名称 类型 意义 默认 color String 小菊花的颜色 gray hidesWhenStopped bool 停止转动时是否隐藏 true animating bool 是否显示动画效果 true size enum 大小(
DatePickerIOS DatePickerIOS 日期选择控件 属性 名称 类型 意义 默认值 date Date 当前选择的日期基础 无默认值,必须显式设置 minimumDate Date 选择范围的最小值 无 maximumDate Date 选择范围的最大值 无 minuteInterval enum 分钟选择的间隔in(1, 2, 3, 4, 5, 6, 10, 12, 15, 2
前阵子尝试用React开发了一个项目的前端,写起来还算是流畅。将页面中各模块进行分割并形成组件之后,管理起来更加的方便,代码的可读性也相对于传统的面条式编程有很大的提高。React相对于Angular来说,我个人认为是更加轻量化的,它更注重于MVC中的V。 举个例子,开发中常常会用到button这个元素,我们会给button加上样式、行为等等。一个项目中button可能是被经常重复使用的,他的样式
Quick Start HelloWorld 基本的React的页面形式如下所示: <!DOCTYPE html> <html> <head> <script src="../build/react.js"></script> <script src="../build/JSXTransformer.js"></script> </h
JSX HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写。 var names = ['Alice', 'Emily', 'Kate']; React.render( <div> { names.map(function (name) { return <div>Hello, {name}!</d
Components React提供了和以往不一样的方式来看待视图,它以组件开发为基础。组件是React的核心概念,React 允许将代码封装成组件(component),然后像插入普通 HTML 标签一样,在网页中插入这个组件。React.createClass 方法就用于生成一个组件类。对React应用而言,你需要分割你的页面,使其成为一个个的组件。也就是说,你的应用是由这些组件组合而成的。你
Interactivity and Dynamic UIs React.findDOMNode() 组件并不是真实的 DOM 节点,而是存在于内存之中的一种数据结构,叫做虚拟 DOM (virtual DOM)。只有当它插入文档以后,才会变成真实的 DOM 。根据 React 的设计,所有的 DOM 变动,都先在虚拟 DOM上发生,然后再将实际发生变动的部分,反映在真实 DOM上,这种算法叫做 D
React Router 再谈 React Router 使用方法(以下部分示例直接截取自该文,向该文作者致敬 ) Quick Start React Router主要也是基于路径匹配并且注入不同的组件,一般步骤,首先声明根组件,即是所有路由的容器: var RouteHandler = Router.RouteHandler; var App = React.createClass({ re
MapView 属性 名称 类型 意义 默认 annotations [{latitude: number, longitude: number, animateDrop: bool, title: string, subtitle: string, hasLeftCallout: bool, hasRightCallout: bool, onLeftCalloutPress: function,
Navigator 属性 名称 类型 意义 默认值 configureScene function 配置Scene切换的动画效果 无 initialRoute object 设置场景的开始route 无 initialRouteStack object route栈,如果没有initialRoute,该initialRouteStack对象就是必须要设置的,但是好玩的是,该对象的默认值就是只包含i
Modal 属性 名称 类型 意义 默认值 animated bool transparent bool
NavigatorIOS 属性 名称 类型 意义 默认值 barTintColor string 导航栏的背景颜色 无 initialRoute {component: function, title: string, passProps: object, backButtonIcon: Image.propTypes.source, backButtonTitle: string, leftBu
PickerIOS 属性 名称 类型 意义 默认值 onValueChange function 改变值的时候调用改方法 无 selectedValue any 选择的值 无
ProgressViewIOS 属性 名称 类型 意义 默认值 progress number(0~1) 进度的百分比 无 progressImage Image.propTypes.source 将图片对象作为进度条 无 progressTintColor string 进度条的颜色 无 progressViewStyle enum(‘default’, ‘bar’) 进度条的样式 无 trac
ScrollView 属性 名称 类型 意义 默认值 contentContainerStyle StyleSheetPropType(ViewStylePropTypes) 滚动视图中子视图的内容样式 无 horizontal bool 水平还是垂直,true为水平 false keyboardDismissMode (iOS特有)enum(‘none’, “interactive”, ‘on-
UISegmentedControl 属性 名称 类型 意义 默认值 enabled bool 是否可见 true momentary bool 是否瞬间完成,如果为true,看不到视觉上的选择效果 无 onChange function 当用户点击某个分割项时触发的函数,传入的是事件 无 onValueChange function 当用户点击某个分割项时触发的函数,传入的是value值 无 s
SliderIOS 属性 名称 类型 意义 默认值 maximumTrackTintColor string 当前按钮右侧的颜色 蓝色渐变 minimumTrackTintColor string 当前按钮左侧的颜色 蓝色渐变 maximumValue number 最大值 1 minimumValue number 最小值 0 onSlidingComplete function 当用户完成滑动
SwitchIOS 属性 名称 类型 意义 默认值 disabled bool 是否可用,若为true,不可用 false onTintColor string 当开关打开后,背景颜色 无 onValueChange function 当用户切换开关时的回调函数 无 thumbTintColor string 开关圆形按钮的背景颜色 无 tintColor string 开关关闭后,背景颜色 无
TabBarIOS 属性 名称 类型 意义 无 barTintColor string 分页栏的背景颜色 无 tintColor string 选中的分页背景颜色 无 translucent bool 是否半透明 无 style style 样式 无