当 Modal 显示时，React-Native 标题分别动画到 View

Question

我有一个基本的 React Native 应用程序（使用 expo 构建），它有一个带有导航栏的主“主页”视图，以及一个在屏幕顶部显示为工作表的模式。

当工作表动画进入时，导航栏会向上和离开屏幕（而不是与其父容器一起向下动画）。当工作表被关闭时，导航会从侧面进入动画。

我附上了一个视频链接，您可以看到它的实际效果。

https://imgur.com/a/o7b2gq7

这是我的导航堆栈的开始，它显示了两个视图（问卷是工作表）。

  <NavigationContainer>
    <Stack.Navigator
      initialRouteName="Home"
      screenOptions={({ route }) => {
        return {
          cardOverlayEnabled: true,
        };
      }}
    >
      <Stack.Screen name="Home" component={HomeView} />
      <Stack.Screen
        name="Questionnaire"
        component={QuestionnaireView}
        options={({ route }) => {
          return {
            headerShown: false,
            gestureEnabled: true,
            cardOverlayEnabled: true,
            ...TransitionPresets.ModalPresentationIOS,
          };
        }}
      />```

Answer 1

您应该在 Home Stack Navigator 的同一级别的另一个堆栈中使用带有模态表的屏幕

https://reactnavigation.org/docs/modal/#creating-a-modal-stack