react native TextInput

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 家磷 阅读( ...) 评论( ...) 编辑 收藏