React Native组件 --NavigatorIOS&TextInput

1.NavigatorIOS

负责视图切换的组件；
本质上是对UIKit navigation的包装；

属性

- barTintColor:导航条的背景颜色
- initialRoute = {{
    component:MyView, 该页面需要加载的组件视图
    title:’123456’, 表示需要在头部显示的标题
    passProps:{myProp:’foo’},用于页面间传递参数
    backButtonIcon:Image.propTypes.source,返回按钮图标
    backButtonTitle:string,返回按钮标题
    leftButtonIcon:Image.propTypes.source,左边按钮图标
    leftButtonTitle:string,左边按钮标题
    onLeftButtonPress:function,左边按钮点击事件
    rightButtonIcon:Image.propTypes.source,右边按钮图标
    rightButtonTitle:string,右边按钮标题
    onRightButtonPress:function,右边按钮点击事件
    wrapperStyle:[object object],包裹样式
}}

- itemWrapperStyle:为每个定制样式
- navigationBarHidden:为true时隐藏导航栏
- shadowHidden:是否隐藏阴影
- tintColor:导航栏上的按钮颜色
- titleTextColor：导航栏上的字体颜色
- translucent：导航栏是否为半透明

- navigator对象：
- push(route)：加载一个新的页面
- pop():返回到上一个页面
- popN(n)：一次返回N个页面
- replace（route）：替换当前的导航
- replacePrevious(route)：替换前一个页面的视图并回退过去
- resetTo(reoute):取代最顶层的导航并且回退过去
- popToTop()：回到最上层视图

2.TextInput

输入框

属性

- autoCapitalize:枚举类型，可选值有：none、sentences、words、characters;提示
- placeholder：占位符
- value：文本输入框的默认值
- placeholderTextColor:占位符文本的颜色
- password：如果为true，则是密码框
- multiline:如果为true，则是多行输入
- editable:如果为false，不可输入
- autoFocus:为true，将自动聚焦；
- clearButtonMode:枚举类型，never、while-editing、unless-editing、always；清楚按钮；
- maxLength:能够输入的最长字符数
- enablesReturnKeyAutomatically:为true，标示没有文本时键盘是不能有返回键的；
- returnKeyType:枚举类型，default、go、google、join、next、route、search、- send、yahoo、done、emergency-call.标示软键盘返回键显示的字符串；
- secureTextEntry：为true时，则像密码框一样隐藏输入内容；默认值为false；
- onChangeText:当文本输入发内容变化时，调用该函数；onChangeText接收一个文本的参数对象；
- onChange：当文本发生变化时调用；
- onEndEditing：当结束编辑时调用；
- onBlur：失去焦点时触发；
- onFocus:获取焦点时触发
- onSubmitEditing：点击键盘的提交按钮触发；