react native checkbox，当我按下复选框时，如何使用复选框选中或取消选中？

我想知道如何在react native中选中和取消选中复选框

---

我需要使用getInitialState和道具吗？或者只需要使用checkbox和onPress？

这里有一个快速且非常简单的实现

import Icon from 'react-native-vector-icons/FontAwesome';

class MyCheckbox extends Component {
    constructor(props) {
        super(props);
        this.state = {
            checked: false
        }
    }

    toggle() {
        this.setState({checked: !this.state.checked});
    }

    render() {
        return (
            <TouchableWithoutFeedback onPress={this.toggle.bind(this)}>
                <View>
                    {this.state.checked ?
                         <Icon name="angle-left" size={16} color='#000000' />
                         :
                         null
                    }
                </View>
            </TouchableWithoutFeedback>
        );
    }
}

从'react native vector icons/fontsome'导入图标；
类MyCheckbox扩展组件{
建造师（道具）{
超级（道具）；
此.state={
勾选：假
}
}
切换（）{
this.setState（{checked:！this.state.checked}）；
}
render（）{
返回(
{this.state.checked？
:
无效的
}
);
}
}

---

使用onPress功能更新组件的状态。将其状态设置为checked=true或checked=false。

下面是一个快速且非常简单的实现

import Icon from 'react-native-vector-icons/FontAwesome';

class MyCheckbox extends Component {
    constructor(props) {
        super(props);
        this.state = {
            checked: false
        }
    }

    toggle() {
        this.setState({checked: !this.state.checked});
    }

    render() {
        return (
            <TouchableWithoutFeedback onPress={this.toggle.bind(this)}>
                <View>
                    {this.state.checked ?
                         <Icon name="angle-left" size={16} color='#000000' />
                         :
                         null
                    }
                </View>
            </TouchableWithoutFeedback>
        );
    }
}

从'react native vector icons/fontsome'导入图标；
类MyCheckbox扩展组件{
建造师（道具）{
超级（道具）；
此.state={
勾选：假
}
}
切换（）{
this.setState（{checked:！this.state.checked}）；
}
render（）{
返回(
{this.state.checked？
:
无效的
}
);
}
}

---

使用onPress功能更新组件的状态。将其状态设置为checked=true或checked=false。

您可以使用或编写带有图像的自定义复选框。

您可以使用或编写带有图像的自定义复选框。

您是否正在创建自己的复选框？只要我可以创建一个框，按下该框时可以选中，再次按下时取消选中，我不介意这样做，但我想从一开始就知道，因为我对这门语言还是很陌生。请检查下面的答案。你是否创建了自己的复选框？只要我可以创建一个框，我可以在按下该框时选中，然后在再次按下时取消选中，我不介意这样做，但我想从一开始就知道，因为我对这门语言还是很陌生。请检查我下面的答案。顺便说一句，这是在es6中。单击特定项目时如何处理多个复选框。顺便说一句，这是在es6中。单击特定项目时如何处理多个复选框。您好，谢谢您的评论。你能给我举几个例子吗？我还是有麻烦。这将是伟大的，如果你能给出一个例子，如一页，你可以看到复选框，如果你点击它复选标记将消失，再次点击，它会出现。您好，感谢评论。你能给我举几个例子吗？我还是有麻烦。这将是伟大的，如果你可以举一个例子，如一页，你可以看到复选框，如果你点击它复选标记将消失，再次点击，它将出现。