Bagaimana untuk memilih TextInput seterusnya selepas menekan butang papan kekunci \'seterusnya\' dalam react native?

Langkah-langkah:

1. Gunakan rujukan untuk Mengawal Fokus
   
   Berikan rujukan kepada setiap TextInput untuk mengawal fokus secara pemrograman.

2. Kendalikan onSubmitEditing
   
   Gunakan acara onSubmitEditing untuk memfokuskan input seterusnya.

3. Tetapkan returnKeyType
   
   Tetapkan returnKeyType kepada "seterusnya" untuk medan perantaraan dan "selesai" untuk medan terakhir.

4. Halang Pemecatan Papan Kekunci
   
   Gunakan blurOnSubmit={false} untuk memastikan papan kekunci terbuka semasa menavigasi.

---

Contoh Kod:

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

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

  kembali (
    <Lihat>




<hr>

<h3>
  
  
  Sifat Utama:
</h3>

<ol>
<li>
<strong>ref</strong>: Memautkan setiap TextInput kepada rujukan untuk kawalan fokus.</li>
<li>
<strong>onSubmitEditing</strong>: Pencetus memfokuskan pada medan seterusnya apabila butang "Seterusnya" ditekan.</li>
<li>
<strong>returnKeyType</strong>: Menetapkan jenis butang papan kekunci kepada "seterusnya" atau "selesai".</li>
<li>
<strong>blurOnSubmit</strong>: Menghalang papan kekunci daripada ditutup apabila beralih ke input seterusnya. </li>
</ol>


          

            
        

Atas ialah kandungan terperinci Bagaimana untuk memilih TextInput seterusnya selepas menekan butang papan kekunci \'seterusnya\' dalam react native?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!