ReactNativeでスイッチボタンを無効にするときに関数を追加する方法は？

Question

私はそうのように私のコンポーネント上のボタンを切り替える機能を追加するために管理します。

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

がスイッチボタンがあるとき、それは別の関数をトリガすることができますどのように、今、1 で値をインクリメント機能onPressIconをトリガー非アクティブ化？ （したがって値が減少する）

Answer 1

valueは、スイッチがアクティブの場合はtrue、それ以外の場合はfalseを返します。だからあなたは値に応じて2つの異なる関数を起動するためにそれを使うことができます。したがって、次のようなもの：

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} 
    /> 
); 
}