Fokus verlieren und Tastatur ablehnen, wenn Sie außerhalb des Feldes TextInput klicken, um nativ zu reagieren?

Question

habe ich schon darüber recherchiert und fanden diesen Beitrag:

react-native: hide keyboard

Aber das ist für mich nicht funktioniert hat. Wenn ich den Teil des Bildschirms berühre, der sich außerhalb des Texteingabefelds befindet, habe ich erwartet, dass das Eingabefeld den Fokus verliert und die Tastatur nicht mehr funktioniert. Aber nichts passiert. Der Cursor blinkt am Eingang weiter.

Unten ist der Code, den ich ausprobiert habe. Bitte beachten Sie, dass ich redux-Form v6 bin mit:

import dismissKeyboard from 'dismissKeyboard'; 

<TouchableWithoutFeedback onPress={()=> dismissKeyboard()}> 
     <View style={styles.inputWrap}> 
      <Field name="editLocation" component={TextField} /> 
      <Button onPress={handleSubmit(this.onSubmit)}>Sign In</Button> 
     </View> 
</TouchableWithoutFeedback> 

TextField- Komponente enthält TextInput-. Ich bin mir nicht sicher, ob ich etwas falsch mache.

Ich habe den Code auf Genymotion Emulator mit dem Samsung S6 Bild und auf meinem Samsung Note getestet 4.

Answer 1

Sie müssen die Abmessungen Ihres TouchableWithoutFeedback überprüfen, um sicherzustellen, dass Ihre onPress aufgerufen wird.