处理文本输入
TextInput
是一个核心组件,允许用户输入文本。它有一个 onChangeText
prop,接收一个函数,当文本改变时会被调用;还有一个 onSubmitEditing
prop,接收一个函数,当文本提交时会被调用。
例如,假设用户输入时,你正在将他们的单词翻译成另一种语言。在这种新语言中,每个单词的写法都一样:🍕。所以句子“Hello there Bob”会被翻译成“🍕 🍕 🍕”。
在这个例子中,我们将 text
存储在 state 中,因为它会随时间变化。
使用文本输入还有很多其他事情可以做。例如,你可以在用户输入时验证文本。更多详细示例,请参阅React 关于受控组件的文档,或TextInput 参考文档。
文本输入是用户与应用交互的一种方式。接下来,我们来看看另一种输入类型,学习如何处理触摸。