小编Ale*_*zzo的帖子

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

我对 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> 
Run Code Online (Sandbox Code Playgroud)

这是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>
Run Code Online (Sandbox Code Playgroud)

PS:我正在使用expo

react-native react-native-navigation react-navigation react-navigation-v6

7
推荐指数
1
解决办法
1944
查看次数