如何仅在React Native中从特定页面导航时进行模式切换?

2024-09-24 00:26:19 发布

您现在位置:Python中文网/ 问答频道 /正文

我的应用程序中有两个屏幕,分别是“ReadyScreen”和“RunningScreen”

用户可以通过以下两种方式之一访问ReadyScreen:

1:当他们准备开始跑步时(当他们单击开始跑步按钮时)

2:当他们完成跑步时,他们将从RunningScreen导航回ReadyScreen

当用户完成一次跑步时,我需要一个模式来切换显示:

他们跑了多少步,平均人力资源,等等

但我只想在他们从“RunningScreen”导航时切换

这是否需要一个“if”语句,基本上说明如果从RunningScreen导航,模态将切换,否则不会切换?或者这有更多的细微差别


Tags: 用户应用程序if屏幕方式模式语句按钮
1条回答
网友
1楼 · 发布于 2024-09-24 00:26:19

我会在RunningScreen中发送路由参数:

navigation.navigate('ReadyScreen', {
 didComeFromRunningScreen: true
})

然后在RunningScreen中获取变量:

const RunningScreen = ({ route }) => {
 const { didComeFromRunningScreen } = route.params

 useEffect(() => {
  if(didComeFromRunningScreen){
   //show modal
  }
 }, [])
}

我相信这应该行得通

相关问题 更多 >