跳到主要内容

处理文本输入

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

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

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

你可能还想对文本输入做很多其他事情。例如,你可以在用户输入时验证文本内容。有关更详细的示例,请参阅 React 文档中关于受控组件的部分,或 TextInput 的参考文档

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