react native TextInput

今天我想说一下react native中的一个控件,TextInput 翻译过来就是文本输入,对应着android中的EditText。我们先看一下官方是怎样描述的。TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置,譬如自动完成、自动大小写、占位文字,以及多种不同的键盘类型(如纯数字键盘)等等。具体的我也不多说了,大家可以到官网中看看:http://reactnative.cn/    (中文版的)。

今天我主要是想说的是我当时用这个的时候,遇到一个问题,也许很多人会和我遇到的相同。有时候,我们会遇到这个需求,初始化的时候,textinput需要展示一些内容在输入框中,当然这个和提示语不同,就是要展示一些内容到输入框中,在官网上,textinput中有一个属性value,这个属性就是显示内容到输入框中。而我当时遇到什么问题呢,第一:刚刚开始是获取不到焦点,第二:另一个就是你明明是已经输入值了,可是看不到,但是你可以获取得到你输入的值。很奇怪,后来我是怎么解决的呢,

我先说第一个问题,很简单,主要给这个textinput设置一个宽度就好了。第二个问题是我当时对这个state理解不当造成的。我当时设置的是这样设置的value={this.state.**},导致怎么输入,都是显示原来的值。后面对这个state理解深入一点以后,才知道应该这样设置,才可以value = this.setState{**:**}这种设置方式才成功。

 

 

posted @ 2016-11-08 10:28  handsome黄  阅读(1179)  评论(0编辑  收藏  举报