Wie wähle ich den nächsten TextInput aus, nachdem ich in React Native auf die Tastaturtaste „Weiter' geklickt habe?

Schritte:

1. Verwenden Sie ref, um den Fokus zu steuern
   
   Weisen Sie jedem TextInput einen Verweis zu, um den Fokus programmgesteuert zu steuern.

2. Handle onSubmitEditing
   
   Verwenden Sie das Ereignis onSubmitEditing, um die nächste Eingabe zu fokussieren.

3. returnKeyType festlegen
   
   Setzen Sie returnKeyType für Zwischenfelder auf „next“ und für das letzte auf „done“.

4. Tastaturabschaltung verhindern
   
   Verwenden Sie „blurOnSubmit={false}“, um die Tastatur während der Navigation geöffnet zu lassen.

---

Codebeispiel:

import React, { useRef } from 'react';
import { TextInput, View, StyleSheet } from 'react-native';

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

  zurückkehren (
    <Anzeigen>




<hr>

<h3>
  
  
  Haupteigenschaften:
</h3>

<ol>
<li>
<strong>ref</strong>: Verknüpft jeden TextInput mit einer Referenz zur Fokussteuerung.</li>
<li>
<strong>onSubmitEditing</strong>: Löst den Fokus auf das nächste Feld aus, wenn die Schaltfläche „Weiter“ gedrückt wird.</li>
<li>
<strong>returnKeyType</strong>: Setzt den Tastaturtastentyp auf „Weiter“ oder „Fertig“.</li>
<li>
<strong>blurOnSubmit</strong>: Verhindert, dass die Tastatur geschlossen wird, wenn zur nächsten Eingabe gewechselt wird. </li>
</ol>


          

            
        

Das obige ist der detaillierte Inhalt vonWie wähle ich den nächsten TextInput aus, nachdem ich in React Native auf die Tastaturtaste „Weiter' geklickt habe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!