React Native AsyncStorage for iOS switch状态不持久

Question

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

下面是我定义的AsyncFunctions:

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}
/>
);
}

…

任何帮助都会很感激。提前谢谢你。

Answer 1

正如@emkarachchi在评论中指出的那样，您需要在useEffect电话结束时向我们提供setToggleState(currentState)。状态只在第一次加载屏幕时使用currentState。

对于setPersistedSwitchState，最好直接使用togglestate变量，因此不需要if，所以使用setPersistedSwitchState(!toggleState)。