跳到主要内容
版本:0.84

处理文本输入

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

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

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

文本输入还能用于很多其他场景。例如,你可以在用户输入时校验文本内容。更多详细示例,请参阅 React 关于受控组件的文档,或者 TextInput 的参考文档

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

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