跳到主要内容

处理文本输入

TextInput 是一个核心组件,允许用户输入文本。它有一个 onChangeText prop,接收一个函数,当文本改变时会被调用;还有一个 onSubmitEditing prop,接收一个函数,当文本提交时会被调用。

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

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

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

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