android 上的 react-navigation/native goBack 错误

Posted 2023-05-07

【中文标题】android 上的 react-navigation/native goBack 错误

【英文标题】：react-navigation/native goBack bug on android

【发布时间】：2021-11-26 13:05:40

【问题描述】：

我创建了多个页面，但是当我在 android 上使用 goBack() 时，我回到了 defaultView 但无法按任何内容，并且屏幕看起来比平时小。

我的屏幕将创建如下：

...
const cardOptions = 
  cardOverlayEnabled: true,
  gestureEnabled: true,
  ...TransitionPresets.ModalPresentationios,


export const MainStack: React.FC<Props> = ( initialRouteName ) => 
  return (
    <PushProvider>
      <TopicCreateFormProvider>
        <WorkgroupCreateFormProvider>
          <NavigationContainer>
            <Stack.Navigator
              screenOptions=
                headerShown: false,
              
              initialRouteName=initialRouteName
            >
              <Stack.Screen name="BottomTabs" component=BottomTabs />
              <Stack.Group screenOptions=cardOptions>
                <Stack.Screen
                  name="ScreenOne"
                  component=ScreenOne
                />
                <Stack.Screen
                  name="ScreenTwo"
                  component=ScreenTwo
                />
              </Stack.Group>
...

我使用 navigation.navigate('ScreenOne')`` from the useNavigation` 挂钩在屏幕之间导航

比我在屏幕上使用const goBack = useNavigation() 并在按钮上触发goBack() onPress。

屏幕看起来像这样，我无法与之交互。

---- 编辑----

嵌套路由似乎有问题。

【问题讨论】：

如果您使用设备调试菜单中的检查器，它什么时候说您正在点击？可能是模态问题，它导航回来但模态仍然存在

@Krismu 当我打开切换检查器时，模式出现了。

然后看看这个答案：***.com/questions/49804332/…

@Krismu 遗憾的是，这已经过时并且不起作用。

你用的是什么版本？

【参考方案1】：

所以我发现了问题。问题出在TransitionPresets.ModalPresentationIOS 上，当您在android 中使用goBack 时出现问题。它似乎不会渲染屏幕，因为当我切换检查器时，屏幕就会出现。