跳到主要内容

处理文本输入

TextInput是一个允许用户输入文本的基础组件。它有一个onChangeText属性,此属性接受一个函数,并会在文本每次发生变化时调用。它还有一个onSubmitEditing属性,此属性接受一个函数,并会在文本被提交时调用。

例如,假设当用户输入时,你要把他们的话翻译成另一种语言。在这种新语言里,每一个单词都写成同样的样子:🍕。所以句子“Hello there Bob”会被翻译成“🍕 🍕 🍕”。

在这个例子中,我们把text存储在 state 中,因为它会随着时间而变化。

关于文本输入,还有很多你可能想做的事情。例如,你可以在用户输入时对文本进行校验。更详细的示例请参阅 React 关于受控组件的文档,以及 TextInput 的参考文档

TextInput只是用户与你的应用交互的多种方式之一。有关处理其他输入方式的示例,请参阅如何处理触摸文档。

现在,让我们来看看另一个基础组件:ScrollView