#### 通用属性
placeholder
> 默认提示字符串, 如果没有任何输入, 将显示.
multiline
> 如果为 true, 文本框可以输入多行. 默认为 false.
secureTextEntry
> 安全输入, 通常用于密码之类, 如果为 true, 文本框将不显示明文. 默认为 false.
* * * * *
#### 安卓常用属性
underlineColorAndroid={'transparent'}
> 文本框的下划线颜色, 如果要取消文本框的边框, 请设置属性为 transparent.
* * * * *
#### ios常用属性
clearButtonMode 'never', 'while-editing', 'unless-editing', 'always'
> 是否在文本框内的右边显示 清除 的按钮.
## 简单的实例
~~~
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TextInput
} from 'react-native';
export default class code extends Component {
render() {
return (
<View style={styles.container}>
<View style={styles.innerView}>
<Text style={{color:'#333'}}>普通输入框</Text>
<TextInput style={styles.inputStyle} underlineColorAndroid={'transparent'} />
</View>
<View style={styles.innerView}>
<Text style={{color:'#333'}}>密码框</Text>
<TextInput style={styles.inputStyle} secureTextEntry={true} />
</View>
<View style={styles.innerView}>
<Text style={{color:'#333'}}>placeholder</Text>
<TextInput style={styles.inputStyle} placeholder='请输入内容' />
</View>
<View style={styles.innerView}>
<Text style={{color:'#333'}}>多行文本</Text>
<TextInput style={styles.inputStyle2} multiline ={true} placeholder='多行文本' />
</View>
<View style={styles.innerView}>
<Text style={{color:'#333'}}>数字键盘</Text>
<TextInput style={styles.inputStyle} keyboardType={'numeric'} />
</View>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#f7f7f7',
},
innerView:{
padding:10
},
inputStyle:{
width:300,
height:40,
borderWidth:1,
borderColor:'#ccc',
backgroundColor:'#fff',
},
inputStyle2:{
width:300,
height:60,
borderWidth:1,
borderColor:'#ccc',
backgroundColor:'#fff'
}
});
AppRegistry.registerComponent('code', () => code);
~~~
