跳到主要内容
版本:0.85

处理文本输入

TextInput 是一个 核心组件,允许用户输入文本。它有一个 onChangeText 属性,会在文本每次发生变化时调用一个函数,还有一个 onSubmitEditing 属性,会在文本提交时调用一个函数。

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

在这个示例中,我们将 text 存储在状态中,因为它会随着时间变化。

关于文本输入,你还可以做很多事情。例如,你可以在用户输入时验证其中的文本。有关更详细的示例,请参阅 React docs on controlled componentsTextInput 的参考文档

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

现在,让我们来看一下 ScrollView,另一个核心组件。