在React Native中按下「下一個」鍵盤按鈕後如何選擇下一個TextInput？

步驟：

1. 使用 ref 控制焦點
   
   為每個 TextInput 分配一個引用，以程式方式控制焦點。

2. 處理提交編輯
   
   使用 onSubmitEditing 事件來聚焦下一個輸入。

3. 設定 returnKeyType
   
   將中間欄位的 returnKeyType 設定為“next”，將最後一個欄位設為“done”。

4. 防止鍵盤關閉
   
   使用blurOnSubmit={false} 在導航時保持鍵盤開啟。

---

程式碼範例：

從 'react' 匯入 React, { useRef };
從 'react-native' 導入 { TextInput, View, StyleSheet };

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>


          

            
        

以上是在React Native中按下「下一個」鍵盤按鈕後如何選擇下一個TextInput？的詳細內容。更多資訊請關注PHP中文網其他相關文章！