跳到主要内容
版本:0.81

处理文本输入

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

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

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

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

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