React Native中React Navigation从模态页跳转到普通页面的异常问题与理想效果实现咨询

我在React Native项目里使用React Navigation时遇到了一个跳转相关的问题，场景是从BarScreen页面跳转到FooScreen页面，目前的表现和我预期的不太一样，想请教各位怎么调整才能达到理想效果：

各状态说明 #

• 预期行为：从BarScreen跳转到FooScreen时，FooScreen以普通全屏页面的形式打开
• 实际行为：跳转后FooScreen居然是以模态页的形式展示的
• 理想行为：跳转时先播放BarScreen的关闭动画，接着以普通全屏页面的动画效果打开FooScreen

我当前的导航结构代码如下：

<NavigationContainer>
  <Stack.Navigator>
    <Stack.Group>
      <Stack.Screen name="Foo" component={FooScreen} />
    </Stack.Group>
    <Stack.Group screenOptions={{ presentation: 'modal' }}>
      <Stack.Screen name="Bar" component={BarScreen} />
    </Stack.Group>
  </Stack.Navigator>
</NavigationContainer>

补充说明：我是特意设置FooScreen为普通页面、BarScreen为模态页的，现在的核心问题就是从BarScreen跳转至FooScreen时，FooScreen也被渲染成模态页了，有没有办法解决这个问题，实现我想要的理想效果？

内容来源于stack exchange