根据react native中的复选框状态显示/隐藏组件

Question

在设置页面中，我有一个复选框被选中作为默认值。如果用户不选中它，那么应用程序中的所有图像都将被隐藏，用户将无法看到整个应用程序中的任何图像。我想我需要控制复选框的状态（选中或没有选中），在单击/按下复选框时更改该值，将该新值传递给所有应用程序（如何传递？），然后根据该值我可以决定是否显示图像。

所以基本上，我的问题是访问状态值，然后决定显示什么。下面是我在设置页面中使用的代码：

设置页：

     constructor(props) {
                super(props);

                this.state ={
                    status:false
                }
            };

        toggleStatus(){
            this.setState({
                status:!this.state.status
            });

 //I even hardcoded it to false but i keep getting null 

       AsyncStorage.setItem('myCheckbox',JSON.stringify(false));
                //AsyncStorage.setItem('myCheckbox',JSON.stringify(this.state.status));

                }
        ...
        render() {
        return(
        <TouchableOpacity onPress={()=>this.toggleStatus()}>
            <Text>
                press me to change state 
            </Text>
        </TouchableOpacity>

componentDidMount() {
        const value =   AsyncStorage.getItem('myCheckbox', (value) => {
            JSON.parse(value) 
            console.log("my check box value ", value)
        });

    }

 toggleStatus() {
        this.setState({
            status: !this.state.status
        });
        AsyncStorage.setItem("myCheckbox", "save me");

        console.log("in the toggle status function", this.state.status)
    }

componentDidMount(){

        let value = AsyncStorage.getItem("myCheckbox")

        console.log('in the other page i get ', value)

        }

PS：我使用的是本机基础，我想知道我是否可以在复选框本身中进行onPress而不是touchableOpacity

Answer 1

您可能应该使用redux

http://redux.js.org/