跳至主要内容

处理文本输入

TextInput 是一个 核心组件,允许用户输入文本。它有一个 onChangeText 属性,该属性接收一个函数,每当文本更改时都会调用该函数,还有一个 onSubmitEditing 属性,该属性接收一个函数,当文本提交时会调用该函数。

例如,假设当用户键入时,您将其单词翻译成另一种语言。在这种新语言中,每个单词的写法都相同:🍕。因此,句子“Hello there Bob”将被翻译成“🍕 🍕 🍕”。

在此示例中,我们将 text 存储在状态中,因为它会随着时间而改变。

您可能希望对文本输入执行更多操作。例如,您可以在用户键入时验证其中的文本。有关更详细的示例,请参阅 React 文档中的受控组件,或 TextInput 的参考文档

文本输入是用户与应用交互的方式之一。接下来,让我们看看另一种类型的输入,并 学习如何处理触摸