有没有办法限制React-Native中TextInput的长度?

时间:2015-07-07 23:38:15

标签: react-native

我一直在尝试这样做,以便我的程序不允许您输入超过一定数量的字符到TextInput组件,类似于maxLength用于输入的方式。我无法为textInput找到任何类似的maxLength。是否有一种简单的方法可以为<设置最大字符数。 TextInput />成分

3 个答案:

答案 0 :(得分:4)

在TextInput的道具中,您可以设置maxLength属性。

来自文档:

maxLength 数字

限制可输入的最大字符数。使用它而不是在JS中实现逻辑以避免闪烁。 @platform ios

答案 1 :(得分:3)

<TextInput value={this.state} maxLength={10} />

答案 2 :(得分:0)

我也想要这个功能。 react-native中的示例应用程序称为UI Explorer,它使用maxLength属性实现了TextInput。但是,我相信他们在7月22日为v0.9.0rc做了这个改变。这是链接 -

https://github.com/facebook/react-native/commits/master/Examples/UIExplorer/TextInputExample.js

https://github.com/facebook/react-native/commit/961c1eb42904a4d5516fd7939ba14bc0625309d3

第一个链接是TextInput示例的提交历史记录,第二个链接是与您有关的实际提交。希望这可以帮助。干杯!