我在 React Native 项目中使用
react-native-maps
(版本 1.20.1),并且面临标记和用户位置(蓝点)显示不一致的问题。
第一次加载应用程序时(使用
npx expo start -c
清除 Expo 缓存后),一切正常,但在后续重新加载或导航回地图屏幕时,标记和用户位置消失。有时,它们会随机出现但不一致。
起初我尝试使用日志进行调试
useEffect(() => {
if (markers) {
console.log("Markers loaded ", markers);
}
}, [markers]);
在终端中据说标记已加载并带有标记信息,但地图页面中未显示任何内容。
然后我认为问题出在
AsyncStorage
,所以想清除它。
const clearStorage = async () => {
try {
await AsyncStorage.clear();
console.log('AsyncStorage cleared!');
} catch (error) {
console.error('Failed to clear AsyncStorage:', error);
}
};
// Clear AsyncStorage when the app loads
useEffect(() => {
clearStorage();
}, []);
仍然没有达到预期效果。
请展示您的组件。首先,仔细检查您是否混淆了纬度和经度