react-navigation/native android 上的返回错误

Question

我创建了多个页面，但是当我在 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。

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

---- 编辑 ----

嵌套路由似乎有问题。

Answer 1

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