React Native AsyncStorage for iOS 开关状态不持久

问题描述

我试图通过使用 AsyncStorage 存储布尔值来保持开关按钮状态，但它不起作用。每当我离开该屏幕或关闭应用程序并返回该屏幕时，开关的状态都会重置为默认值，而不是读取 AsyncStorage 值。

以下是我定义的 AsyncFunction：

export async function setPersistedSwitchState(newValue) {
    await AsyncStorage.setItem(
        'switchState',JSON.stringify(newValue),);
}

export async function getPersistedSwitchState() {
    const switchState = JSON.parse(
        await AsyncStorage.getItem('switchState'),);
    return switchState;
}

这是我在切换开关屏幕上的代码：

export function switchButtonScreen() {
    let currentState = false;
    const [toggleState,setToggleState] = useState(
        currentState
    );

    useEffect(() => {
        const getSwitchState = async () => {
          try {
            const value = await getPersistedSwitchState()
            return value != null ? value : false;
          } catch(e) {
            console.log(e);
          }
        };
        currentState = fetchPersistedSwitchState();
    },[toggleState]);


    const toggleSwitch = async () => {
        setToggleState(!toggleState);
        if (!toggleState) {
            await setPersistedSwitchState(true);
        } else await setPersistedSwitchState(false);
    };

    return (

                    <SwitchButton
                        enabled={toggleState}
                        onChange={toggleSwitch}
                    />

    );
}

...

任何帮助将不胜感激。提前致谢。

解决方法

正如评论中的@emkarachchi 所指出的，您需要在 setToggleState(currentState) 通话结束时联系我们 useEffect。 状态仅在第一次加载屏幕时使用 currentState。

为了 setPersistedSwitchState 更好，直接使用您的 togglestate 变量，所以您不需要 ifs，所以 setPersistedSwitchState(!toggleState)。