React Navigation V6 Modal带有scrollview内部 - 当Top Scrollview到达时向下滑动模式

Question

我对React-Navigation V6的模态表达有问题，以呈现带有卷轴的模态。 实际上，如果我可以手势向下滑动模态，那么如果里面有卷轴浏览，它就不起作用，并且我只能在标头上滑动。

我需要在达到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，可以使用本机stack navigator 具有相同的代码您已经提供了。

如果您仍然只想仅使用堆栈导航器，则在这里来自其他人的解决方案，但我不能确定他们运行良好。