javascript - 切换按钮来控制按钮

Question

我会实现一个信息隐私页面。

我已经这样做了:

class Informativa extends Component {
    constructor(props) {
        super(props);
        this.state = {
            switchValue: false,
            permission: ""
        }
    }

    toggleSwitch = value => {
        this.setState({ switchValue: value });
      };

  render() {
    return(
// text about privacy

<Switch
                style={{ marginTop: 30, marginRight: 20}}
                onValueChange={this.toggleSwitch}
                value={this.state.switchValue}
            />
            {(!this.state.switchValue)
            ?
            <TouchableOpacity  
                style={ [style.button, style.buttonOK]}>
                <Text style={[style.buttonTesto]}>Accept</Text>
            </TouchableOpacity>
            :
            <TouchableOpacity  disabled={true}
                style={ [style.button, style.buttonOK]}>
                <Text style={[style.buttonTesto]}>Accept</Text>
            </TouchableOpacity>}
        </View>

我会意识到就像一个开关，当它处于“开”状态时启用按钮，当它处于“关”状态时禁用按钮。

目前不要做任何改变。

我该怎么办？

Answer 1

自从我写 ReactNative 以来已经有一段时间了。如果 Switch 接受禁用属性(就像许多 html 输入一样)，只要 switchValue 是 bool 值，就应该可以解决问题。

// Switch disabled when switchValue == false (off)

<Switch style={{ marginTop: 30, marginRight: 20}}
        onValueChange={this.toggleSwitch}
        value={this.state.switchValue}
        disabled={this.state.switchValue}/>