メインコンテンツへスキップ

テキスト入力の処理

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

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

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

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

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