当焦点反应本机博览会时,如何刷新抽屉导航中的屏幕

时间:2021-05-12 09:52:13

标签: react-native expo navigation-drawer refresh

我通过抽屉导航到带有 Id 的屏幕,并且此 Id 未更改

export default function ScreenPage({ route, navigation }) {
    useFocusEffect(
        React.useCallback(() => {
            Alert.alert(route.params.id);
          return () => {
            Alert.alert(route.params.id);
          };
        }, [])
      );
return (<View/>)
}

在我刷新源代码之前,Id 一直没有变化

1 个答案:

答案 0 :(得分:0)

我找到了使用的解决方案

import { useIsFocused } from "@react-navigation/native"; 
export default function Details({ route, navigation }) { 
   const isFocused = useIsFocused();
   useEffect(() => {
        fetchDetails()
    }, [isFocused])
return(<View />)
}

然后每次导航到屏幕时屏幕上的所有数据都会刷新