反応ネイティブで「次へ」キーボードボタンを押した後に次の TextInput を選択するにはどうすればよいですか?

手順:

1. ref を使用してフォーカスを制御します
   
   各 TextInput に ref を割り当てて、プログラムでフォーカスを制御します。

2. 送信編集時のハンドル
   
   onSubmitEditing イベントを使用して、次の入力にフォーカスします。

3. returnKeyType を設定
   
   returnKeyType を中間フィールドに「next」に設定し、最後のフィールドに「done」を設定します。

4. キーボードの終了を防ぐ
   
   ナビゲーション中にキーボードを開いたままにするには、blurOnSubmit={false} を使用します。

---

コード例:

React をインポート、「react」から { useRef };
import { TextInput, View, StyleSheet } from 'react-native';

const App = () => {
  const input1Ref = useRef(null);
  const input2Ref = useRef(null);
  const input3Ref = useRef(null);

  戻る （
    




<hr>

<h3>
  
  
  主要なプロパティ:
</h3>

<ol>
<li>
<strong>ref</strong>: 各 TextInput をフォーカス制御の参照にリンクします。</li>
<li>
<strong>onSubmitEditing</strong>: [次へ] ボタンが押されると、次のフィールドにフォーカスが移ります。</li>
<li>
<strong>returnKeyType</strong>: キーボード ボタンのタイプを「次へ」または「完了」に設定します。</li>
<li>
<strong>blurOnSubmit</strong>: 次の入力に移動するときにキーボードが閉じないようにします。 </li>
</ol>


          

            
        

以上が反応ネイティブで「次へ」キーボードボタンを押した後に次の TextInput を選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。