加载中…#React Native#106 Text,TextInput<1>
(2017-11-09 10:39:38)| 分类： 计算机相关 |
1.Text组件
Text用来显示文字，TextInput为文字输入组件。
Text组件支持所有View组件属性，但内部不再使用flexbox布局。会自动换行。
fontFamily:text字体族显示，
fontStyle：normal 正常，italic,斜体。
fontSize：文字大小。
fontWeight：粗细程度。
textAlign：auto，left,right,center,justify。排列样式。
其他基本属性看官方文档。
通常Text组件显示的内容有样式的排版时，尽量外层嵌套一个View 控件进行控制。
2.TextInput组件
autoFocus：自动获取焦点属性。
defaultValue: 默认字符串。
editable: 可编辑属性。
keyboardType:default,numeric,email-address ,提示键盘类型。
MaxLength： 可输入最大长度。
multiline: 多行输入。默认false
secureTextEntry: 安全输入类型
value: 属性值。输入的内容。尽量不用。
returnKeyType:定义输入键盘的类型，default,go,jion,next,route,search,send,done.
在IOS中，当使用blurOnSubmit会使得multiline 属性实效。
在不同平台设置时，会有上下对齐不一致和高度不一致现象，所以要设置paddingTop,paddingBottom,并且设置高度。
onChangeText和onChange方法，一般用onChangeText。
onEndEditing 来处理输入完事件。
3.组件的引用
ref={字符串}，在代码中通过this.refs.refsName来得到这个组件的引用。
setnativeProps
可以增加或者修改组件属性，而并不建议用这个方法，后面可以用setState和shouldComponentUpdate方法来实现对于组件的渲染和更新。
喜欢
0
赠金笔