ReactNative-TextInput用法

标签：

TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置，譬如自动完成、自动大小写、占位文字，以及多种不同的键盘类型（如纯数字键盘）等等。

最简单的用法就是丢一个TextInput到应用里，然后订阅它的onChangeText事件来读取用户的输入。它还有一些其它的事件，譬如onSubmitEditing和onFocus。一个简单的例子如下：

 <TextInput
    style={{height: 40, borderColor: ‘gray‘, borderWidth: 1}}
    onChangeText={(text) => this.setState({text})}
    value={this.state.text}
  />

*注意有些属性仅在multiline(多行输入)为true或者为false的时候有效。

常用属性

autoCapitalize enum(‘none‘, ‘sentences‘, ‘words‘, ‘characters‘) 

例子

<TextInput
　　style = {{height: 25, borderColor: ‘gray‘, borderWidth: 1, borderRadius: 3}}
　　returnKeyType = "next"
　　placeholder = "标题"
　　onChangeText = {this.getValue} // 通过该方法获取输入框的值
/>

// 获取输入框内值的方法
getValue: function(text) {
　　var value = text;
　　this.setState({
　　　　value: value
　　});
}

ReactNative-TextInput用法

标签：

原文地址：http://www.cnblogs.com/dushuren/p/5454988.html