代码之家 › 专栏 › 技术社区 › Sonia

当停用ReactNative上的开关按钮时,如何添加功能?

uiswitch react-native reactjs

Sonia · 技术社区 · 7 年前

我设法添加了一个功能来切换组件上的按钮,如下所示:

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

现在,当开关按钮被停用时,它如何触发另一个功能?(因此该值将减小)

1 回复 | 直到 7 年前

MÎ¼. 7 年前

value 将返回 true 当开关激活且 false

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

推荐文章

J.Doe2 · 如何在UITableview中打开除单击的开关之外的所有其他开关

6 年前

user9212972 · 如何从开关状态获取布尔值?

6 年前

Casey West · 自定义UITableViewCell重用问题中的UISwitch

7 年前

Vinod Radhakrishnan · 在tableview中滚动时,UI关闭状态不稳定