TouchableOpacity non selezionabile mentre TextInput è attivo

Question

Ho implementato una barra di ricerca che include TextInput e un pulsante di ricerca. L'idea è fondamentalmente di digitare ciò che si desidera cercare e premere il pulsante di ricerca. Il mio problema è che il pulsante non è cliccabile mentre TextInput è attivo. Significato Devo fare clic due volte per cercare, una volta per TextInput per perdere lo stato attivo e una volta per premere il pulsante di ricerca.

Ecco il mio codice:

<View style={styles.searchView}> 
    <View style={styles.textInputView}> 
     <View> 
      <TextInput style={styles.textInput} 
         placeholder="Sök användare" 
         multiline={false} 
         autoFocus={true} 
         autoCapitalize="words" 
         underlineColorAndroid="transparent" /> 
     </View> 
    </View> 
    <TouchableOpacity> 
     <View style={styles.searchButton}> 
      <Image style = {styles.searchThumbnail} 
         source = {require('../images/navigatorThumbnails/search.png')}/> 
     </View> 
    </TouchableOpacity> 
</View> 

C'è un modo per rendere la cliccabile TouchableOpacity mentre il TextInput è attiva?

Answer 1

C'è una proprietà denominata keyboardShouldPersistTaps su ScrollView (e anche ListViews).

Per la versione React-Native> = 0,41

La documentazione dice:

determina quando la tastiera deve rimanere visibile dopo un rubinetto.

• 'mai' (impostazione predefinita), toccando al di fuori del metodo di scrittura concentrati quando la tastiera è in respinge la tastiera. Quando ciò accade, i bambini non riceveranno il rubinetto.

• 'sempre', la tastiera non respingere automaticamente, e la vista di scorrimento non prenderà i rubinetti, ma i bambini della vista di scorrimento può prendere rubinetti.

• 'gestito da', la tastiera non si chiude automaticamente quando il tocco è stato gestito da un bambino (o catturato da un antenato).

Set a always o handled per avere il comportamento previsto.

versione non aggiornata per React-Native < 0,41

La documentazione dice:

Quando falso, toccando al di fuori del metodo di scrittura concentrati quando la tastiera è in respinge la tastiera. Quando è vero, la vista di scorrimento non cattura i tocchi e la tastiera non si chiude automaticamente. Il valore predefinito è falso.

Impostare su true per il comportamento previsto. Potrebbe essere necessario impostare questo puntello in diversi punti nell'albero dei componenti.