反应导航:使用向上滑动效果手动更改屏幕

问题描述

我有一个带有可滚动内容的 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 来创建这样的效果

Swipe Up Changing screen

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...