android 上的 react-navigation/native goBack 错误

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 时出现问题。它似乎不会渲染屏幕，因为当我切换检查器时，屏幕就会出现。