2017-06-28 7 views
-2

Ich habe ein Problem, wenn Benutzer Spam klicken/tippen auf eine Schaltfläche/TouchableOpacity in nativen reagieren.Duplikate klicken Sie reagieren reagieren native

Ex: Hahn einen anderen Bildschirm

Wie kann ich das beheben navigieren?

Funktion

onItemPress(title) { 
    this.props.navigation.navigate(title.toLowerCase(), { title }); 
} 

Render

<TouchableOpacity 
    onPress={() => this.onItemPress("QuickMenu")} 
/> 
+0

Verwenden Sie eine Zustandsgröße an die Steuer Ausführung der 'onPress'-Funktion. Bitte posten Sie Ihren Code und versuchen Sie, Ihr Problem zu lösen. Vielleicht möchten Sie sich [How to ask] (https://stackoverflow.com/help/how-to-ask) ansehen und eine [MVCE] (https://stackoverflow.com/help/mcve) bereitstellen. – G0dsquad

+0

Entschuldigung, Ich werde meinen Code dafür aktualisieren. –

+0

Verwenden Sie die Statusvariable für die Handhabung ?? Aber wenn ich zu einem anderen Bildschirm navigiere, ist dieser Zustand bei der neuen Bildschirmkomponente nicht richtig. –

Antwort

0

Ich denke, this ist eine Option Komponente

<TouchableHighlight ref = {component => this._touchable = component} 
        onPress={() => this.yourMethod()}/> 
Method 

yourMethod() { 
    var touchable = this._touchable; 
    touchable.disabled = {true}; 

    //what you actually want your TouchableHighlight to do 
} 
+0

Ich habe es versucht, aber es funktioniert nicht. Danke für Ihren Vorschlag. Aber ich habe eine Frage, wenn wir ** deaktiviert ** Klick-Taste für unsere Funktion, wie wir diese Taste beim nächsten Mal klicken (nicht Papierkorb klicken)? –