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

テキスト入力の処理

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

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

この例では、textは時間の経過とともに変化するため、状態に格納します。

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

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