2017-07-14 2 views
0

Ich schaffe eine Funktion hinzuzufügen Taste wie so auf meine Komponente wechseln:Wie füge ich eine Funktion hinzu, wenn ich den Schalter Button bei ReactNative deaktiviere?

  <Switch 
       onValueChange={(value)=>this.onPressIcon(_key)} 
       style={{marginBottom: 10}} 
       value={this.state.trueSwitchIsOn} 
      /> 

es die Funktion onPressIcon auslöst, die von 1. nun einen Wert erhöht, wie kann es eine andere Funktion wird ausgelöst, wenn der Switch-Taste ist deaktiviert? (Der Wert wird also verringert.)

+0

Sie sollten eine vermittelnde Funktion haben, die die 2-Funktionen basierend auf dem Zustand des Schalters verweist. – Ohgodwhy

+0

Danke @Ohgodwhy :-) – Sonia

Antwort

1

Die value wird true zurückgeben, wenn der Schalter aktiv ist, andernfalls false. So können Sie abhängig vom Wert zwei verschiedene Funktionen auslösen. So etwas wie folgt aus:

onPressIcon = (value) => { 
    // if the switch is activated, execute increment function 
    if (value) { 
    this.incrementSomething(); 

    // ... rest of code 

    } else { 
    // switch is deactivated, execute other function 
    this.otherFunction(); 

    // ... rest of code 

    } 
} 

// render 
render() { 
    return(

    //... rest of code 

    <Switch 
     onValueChange={(value) => this.onPressIcon(value)} 
     style={{marginBottom: 10}} 
     value={this.state.trueSwitchIsOn} 
    /> 
); 
} 
+0

Das funktioniert perfekt danke! – Sonia

+0

@Sonia fühle mich frei, meine Antwort zu akzeptieren :) –

+0

@Sonia es ist so einfach wie das Häkchen neben meiner Antwort :) –

Verwandte Themen