テキスト入力の処理

TextInput は、ユーザーがテキストを入力できるようにするコアコンポーネントです。これには、テキストが変更されるたびに呼び出される関数を受け取る onChangeText propと、テキストが送信されたときに呼び出される関数を受け取る onSubmitEditing propがあります。

たとえば、ユーザーが入力するにつれて、その言葉を別の言語に翻訳するとします。この新しい言語では、すべての単語が同じように書かれます：🍕。したがって、「Hello there Bob」という文は「🍕 🍕 🍕」と翻訳されます。

この例では、text は時間とともに変化するため、stateに保存します。

テキスト入力でやりたいことは、他にもたくさんあるかもしれません。たとえば、ユーザーが入力中にテキストを検証することができます。より詳細な例については、Reactの制御されたコンポーネントに関するドキュメントや、TextInputのリファレンスドキュメントを参照してください。

テキスト入力は、ユーザーがアプリと対話する方法の1つです。次に、別の種類の入力を見て、タッチの処理方法を学びましょう。