处理文本输入
TextInput
是一个核心组件,允许用户输入文本。它有一个 onChangeText
属性,该属性接收一个函数,每次文本更改时都会调用该函数;还有一个 onSubmitEditing
属性,该属性接收一个函数,在文本提交时调用。
例如,假设当用户输入时,您正在将他们的文字翻译成另一种语言。在这种新语言中,每个词都以相同的方式书写:🍕。因此,句子 “Hello there Bob” 将被翻译为 “🍕 🍕 🍕”。
在这个例子中,我们将 text
存储在 state 中,因为它会随着时间而变化。
您可能想对文本输入执行更多操作。例如,您可以在用户输入时验证文本内容。有关更详细的示例,请参阅关于受控组件的 React 文档,或TextInput 的参考文档。
文本输入是用户与应用程序交互的方式之一。接下来,让我们看看另一种输入类型,并学习如何处理触摸事件。