当前位置:   article > 正文

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

flutter webview gesturerecognizers

1.webview滑动,只要求web内容可以在特定宽高区域内滑动,使用gestureRecognizers属性;

  1. WebView(
  2. gestureRecognizers: [Factory(() => EagerGestureRecognizer())].toSet(),
  3. javascriptMode: JavascriptMode.unrestricted,
  4. onPageFinished: (String url) async {},
  5. gestureNavigationEnabled: true,
  6. backgroundColor: const Color(0x00000000),
  7. ),

2、webview嵌套CustomScrollView,底部还有listview

  1. CustomScrollView(
  2. slivers: [
  3. _renderContent(),// 帖子内容,含有webview
  4. _renderComment(),// 用户评论列表
  5. ]
  6. ),

修改思路及出现的问题:

1、webview不设置显示宽高,报错,整个页面无法显示

2、设置宽高;只能显示部分图片,无法显示完全,不能滑动

3、设置宽高且设置gestureRecognizers,使webview可以滑动;可以滑动显示全部网页了,但存在滑动冲突,webview和外部列表不能顺畅的滑动,且如果web页面设置了屏幕高度,下部列表就完全无法滑动出现

4、获取网页的高度,根据实际网页高度,设置显示区域高度;

查看:Flutter获取webview的高度

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

6、完成!

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

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/463118
推荐阅读
相关标签
  

闽ICP备14008679号