React navigation v6 Modal with ScrollView inside - 当到达顶部滚动视图时向下滑动模式

Question

我对 React-navigation v6 的模式呈现有疑问，无法呈现其中包含 ScrollView 的模式。实际上，如果我启用手势向下滑动模态，如果内部有 ScrollView 并且我只能在标题上向下滑动，则它不起作用。

我需要当到达 ScrollView 的顶部时，必须开始关闭动画手势。这是预期的行为：

这是 RootNavigation 中使用的代码：

<RootStack.Group screenOptions={{ presentation: 'modal', cardOverlayEnabled: true, ...TransitionPresets.ModalPresentationIOS }}>
    <RootStack.Screen
       component={ModalPage}
       name="ModalPage"
       options={ModalPageNavOptions}
    />
</RootStack.Group> 

这是ModalPage.js的渲染

<ScrollView nestedScrollEnabled>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
  <Text>TEST TEXT</Text>
</ScrollView>

PS：我正在使用expo

Answer 1

对于 iOS，可以使用Native Stack Navigator使用您提供的相同代码来实现此行为。

如果您仍然只想使用 Stack Navigator，那么这里有其他人提供的一些解决方案，但我不能肯定它们是否有效。