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

时间:2020-10-12 05:34:18

标签: flutter flutter-sliver nestedscrollview flutterwebviewplugin

我遇到了在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)

0 个答案:

没有答案