0
点赞
收藏
分享

微信扫一扫

Flutter的webview嵌套问题

全栈学习笔记 2022-02-20 阅读 170

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、完成!

举报

相关推荐

0 条评论