Flutter NestedScrollview + SliverToBoxAdapter + Webview + TabBarView + BackdropFilter + ImageFilter.blur在iOS上呈现问题

问题描述

我遇到了在iOS的SliverToBoxAdapter内部使用Web视图渲染BackdropFilter的问题，它模糊了所有小部件，直到SliverToBoxAdapter Web视图不消失。

nestedScrollView(

      headerSliverBuilder: (context,innerBoxIsScrolled){
        return [
        SliverToBoxAdapter(
          child: SizedBox(
            height: 60,),SliverToBoxAdapter(
          child: Webview(),// with some content on the top of the tabs
        ),SliverToBoxAdapter(
            child: _tabBar(),// this has no of tabs
          )
        ];
      },body: TabBarView(
        children: selectedTabs,// list of tabs content to be diasplay
        controller: _tabController,)

选项卡内部具有模糊图像的BackdropFilter。如果我们在网页视图隐藏在工具栏下方后滚动到上方，则可以正常工作

Video link

Flutter Doctor
Doctor summary (to see all details,run Flutter doctor -v):
[✓] Flutter (Channel stable,1.22.0,on Mac OS X 10.15.5 19F101,locale en-IN)
 
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 11.5)
[✓] Android Studio (version 4.0)
[✓] Connected device (1 available)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）