1.webview滑动,只要求web内容可以在特定宽高区域内滑动,使用gestureRecognizers属性;
WebView(
gestureRecognizers: [Factory(() => EagerGestureRecognizer())].toSet(),
javascriptMode: JavascriptMode.unrestricted,
onPageFinished: (String url) async {},
gestureNavigationEnabled: true,
backgroundColor: const Color(0x00000000),
),
2、webview嵌套CustomScrollView,底部还有listview
CustomScrollView(
slivers: [
_renderContent(),// 帖子内容,含有webview
_renderComment(),// 用户评论列表
]
),
修改思路及出现的问题:
1、webview不设置显示宽高,报错,整个页面无法显示
2、设置宽高;只能显示部分图片,无法显示完全,不能滑动
3、设置宽高且设置gestureRecognizers,使webview可以滑动;可以滑动显示全部网页了,但存在滑动冲突,webview和外部列表不能顺畅的滑动,且如果web页面设置了屏幕高度,下部列表就完全无法滑动出现
4、获取网页的高度,根据实际网页高度,设置显示区域高度;
5、高度设置好了,页面却不能滑动完全了;去掉webview的gestureRecognizers
6、完成!
如以上不能解决你的问题,请尝试一下其他插件,如:flutter_inappwebview
如其他插件满足不了你当前的业务,你仍需要当前的方式,请参阅:
Flutter定制一个ScrollView嵌套webview滚动的效果 – 掘金
如以上仍未能给你带来任何灵感,请恕我太菜,没能给你提供什么帮助。
版权声明:本文为LoveShadowing原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。