Flutter的webview的滑动及与CustomScrollView嵌套问题

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、获取网页的高度,根据实际网页高度,设置显示区域高度;

查看:Flutter获取webview的高度

5、高度设置好了,页面却不能滑动完全了;去掉webview的gestureRecognizers

6、完成!

如以上不能解决你的问题,请尝试一下其他插件,如:flutter_inappwebview

如其他插件满足不了你当前的业务,你仍需要当前的方式,请参阅:Flutter定制一个ScrollView嵌套webview滚动的效果 - 掘金

如以上仍未能给你带来任何灵感,请恕我太菜,没能给你提供什么帮助。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值