今天做一下TextInput自定义。以及一些属性讲解:
效果如上图:
<TextInput style={{ width: 159.3 }} underlineColorAndroid='transparent'
placeholder="选择房屋空间"
placeholderTextColor='#8c8c8c'
multiline={true}
placeholderTextColor={'white'}
onChangeText={(text) => { }}
>
</TextInput>
里面的underlineColorAndroid这个属性设置完,把下划线去掉了。(去掉下划线的作用)
placeholder这个作用是设置默认的文字
placeholderTextColor设置默认文字的颜色
当multiline=false时,为元素的某一个边添加边框样式(例如:borderBottomColor,borderLeftWidth等)将不会生效。一般来说自定义的话,就设置为true,可以设置多行
onChangeText这个呢要重点讲一下。新手很容易放的错误。这个里面还有一个属性onChange这个属性方法。有什么区别呢?区别就是onChangeText这个是返回Text文本,而onChange这个是返回对象。如果你想要获取到这个属性的文本的话要(event)=>{
event.nativeEvent.text
}
这样才能获取到里面的文本。
style={{ textAlignVertical: "top" }}
如果你想要使得默认文字以及输入的文字出现在最上面就可以使用这个。当然了,还可以换成"center"使得在中间。
今天就写到这边了