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

  • Post author:
  • Post category:其他


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滚动的效果 – 掘金

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



版权声明:本文为LoveShadowing原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。