跳至主内容
版本:0.78

处理文本输入

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

TextInput 是一个核心组件,允许用户输入文本。它包含两个重要属性:onChangeText 接收文本变化时调用的函数,onSubmitEditing 接收文本提交时调用的函数。

例如,假设当用户输入时,您需要将文字翻译成另一种语言。在这种新语言中,每个单词都写作:🍕。因此"Hello there Bob"这个句子将被翻译为"🍕 🍕 🍕"。

在这个示例中,我们将 text 存储在状态(state)中,因为它的值会随时间变化。

文本输入还能实现更多功能。例如在用户输入时实时验证文本内容。更详细的示例请参考 React 受控组件文档TextInput 参考文档

文本输入是用户与应用交互的重要方式。接下来我们将探索另一种交互形式:学习如何处理触摸操作