跳到主要内容
版本:0.82

处理文本输入

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

例如,假设当用户输入时,你将他们的单词翻译成另一种语言。在这种新语言中,每个单词的写法都一样:🍕。所以句子 "Hello there Bob" 会被翻译成 "🍕 🍕 🍕"。

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

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

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

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