问题描述
我有一个带有可滚动内容的 WebView (react-native-webview) 屏幕。如果用户在到达 WebView 末尾后继续滚动,我想通过向上滑动动画将用户带到不同的屏幕。使用 WebView 的 onScroll 函数属性,我能够确定用户是否已到达内容末尾。但我无法通过动画效果将用户带到不同的屏幕。
由于 WebView 在 android 和 ios 平台上的行为不同(即使在 ios 上到达内容末尾也可以继续滚动),我必须使用 PanGestureHandler 来识别用户是否在到达 Web 内容末尾后执行向上滑动操作。但是当我手动尝试将用户导航到不同的屏幕时,我无法创建类似于下面 GIF 中的向上滑动效果。
我在我的应用中使用 react-navigation v5。
我已经尝试过使用 react-native-swiper。它在 Android 中效果不佳,因为它内部使用 Scrollable 并且 WebView 在 Scrollable 组件内停止滚动。
我在这里使用自定义 HTML 内容,因此替换 WebView 并不是一个真正的选择。有没有办法利用 Stack Navigator 来创建这样的效果?
谢谢。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)