将Switch组件的状态保存在堆栈导航器中

时间:2019-09-11 15:58:06

标签: javascript react-native redux

我是编程新手。我正在设置一些布尔开关,以允许用户选择首选项。到目前为止,我得到的代码似乎可以解决状态卡住或根本不切换的许多问题。现在我的问题是,当我退出正在处理的屏幕并返回时,它总是返回到“ true”状态,因此当我转到该页面时,开关始终处于打开状态。

我的代码是否存在某些问题,即状态无法持久存在,还是应该将状态移至redux存储?如果是这样,我该怎么办?

多篇网络文章和一些youtube教程,它们似乎都可以在准系统的单页“ Hello World”应用中使用。找不到任何可以使用的真实示例。

class SettingsMarketingPreferences extends Component {
    constructor(props) {
        super(props);

        this.state = {
            switchone: true,
            switchtwo: true,
            switchthree: true
        };
    }

    <Switch
        onValueChange={value => this.setState({ switchone: value })}
        value={this.state.switchone}/>

理想情况下,它将保存开关的状态,我刚刚决定分享三个开关,以避免重复。长期目标是将其附加到ID令牌上,以便我们可以查看谁选择加入或退出我们的营销信息。

1 个答案:

答案 0 :(得分:0)

<ToggleSwitch
    isOn={this.state.toggle1}
    onColor="green"
    offColor="gray"
    size='medium'
    onToggle={()=>this.togglechange1()}
/>