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

【问题标题】：React navigation v6 Modal with ScrollView inside - swipe down modal when top scrollview reachedReact navigation v6 Modal with ScrollView inside - 当顶部滚动视图到达时向下滑动模式
【发布时间】：2022-08-24 16:25:49
【问题描述】：

我对 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>

这是渲染模态页面.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：我正在使用世博会

标签： react-native react-navigation react-native-navigation react-navigation-v6

【解决方案1】：

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

如果您仍然只想使用 Stack Navigator，那么 here 是其他人提供的一些解决方案，但我不能肯定它们运行良好。

【讨论】：