Texteingabe verwischen, wenn außerhalb davon getappt

Ich erfahre Problem mit TextInput erwartetes Verhalten ist, dass, wenn ich darauf klopfe, es fokussiert ist und die Tastatur angezeigt wird, und wenn ich es (irgendwo neben der Eingabe) tippen, die TextInput sollte verwischen und Tastatur wird weggehen. Derzeit passiert das nicht, Texteingabe bleibt fokussiert, egal wo ich klicke. Ist dieses erwartete Verhalten, wenn ja, wie wird es normalerweise gehandhabt?Texteingabe verwischen, wenn außerhalb davon getappt

<Image source={require('../assets/background.jpg')} style={{width: undefined; height: undefined; flex: 1;}}> 
    <View> 
    <TextInput placeholder="Email" style={{ width: 200; height: 40; }} /> 
    </View> 
</Image>

Quelle

2017-01-02 Ilja

Bitte poste etwas Code. – Mouser

@Muser Hinzugefügt in, derzeit minimale Setup-ATM, Grund, dass es innen verschachtelt Bild ist, um das vollständige Hintergrundbild auf die aktuelle Szene anwenden – Ilja

Überprüfen Sie diesen Link aus und upvote die Antwort, wenn es hilft! Http: //stackoverflow.com/a/41381151/718968 –

Leider ist das erwartetes Verhalten.

Sie sollten TextInput in ScrollView (und Scrollen deaktivieren, falls erforderlich) und dann mit der Eigenschaft keyboardShouldPersistTaps={false} umbrechen.

Hier ist ein Beispiel: https://rnplay.org/apps/CooIUA

Quelle

2017-01-02 16:00:18 zvona

Können Sie Link/Post-Snippet direkt aktualisieren? Vielen Dank. – notgiorgi

@notgiorgi Sie müssen 'keyboardShouldPersistTaps =" nie "' jetzt verwenden, da 'false' veraltet war. – Noitidart

Die Verwendung von 'keyboardShouldPersistTaps =" handled "' funktioniert in meinem Fall besser. Sonst wird die Tastatur viel zu leicht weggeworfen. Danke für das Teilen dieser Zvona, es war eine sehr nützliche Information. – Noitidart

Texteingabe verwischen, wenn außerhalb davon getappt

Antwort

Verwandte Themen