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