版本:Next
处理文本输入
TextInput 是一个 Core Component,允许用户输入文本。它有一个 onChangeText 属性,每次文本发生变化时都会调用一个函数;还有一个 onSubmitEditing 属性,在文本提交时会调用一个函数。
例如,假设用户在输入时,你正在把他们的话翻译成另一种语言。在这种新语言中,每个单词都写成同样的形式:🍕。所以句子 “Hello there Bob” 会被翻译成 “🍕 🍕 🍕”。
在这个示例中,我们把 text 存储在 state 中,因为它会随着时间变化。
你可能还想对文本输入做很多其他事情。例如,你可以在用户输入时验证其中的文本。更多详细示例,请参阅 React docs on controlled components,或 TextInput 的参考文档。
TextInput 只是用户与你的应用交互的许多方式之一。有关处理输入的其他方式示例,请参阅 如何处理触摸 的文档。
现在,让我们来看看另一个 Core Component:ScrollView。