【原】Flutter 3.29.0 BackdropGroup 共享背景濾鏡層將提高多個(gè)濾鏡的性能

2025年2月12日：3.29.0發(fā)布 。

Flutter中顯示多個(gè)背景區(qū)濾鏡的應(yīng)用程序現(xiàn)在可以使用新的widget BackdropGroup 和新的 BackdropFilter.grouped 構(gòu)造函數(shù)。這些可以在 Skia 后端的基礎(chǔ)上進(jìn)一步提高多個(gè)模糊效果的性能，

BackdropFilter 為所有子項(xiàng)建立共享背景層的小部件，共享背景濾鏡層將提高多個(gè)濾鏡的性能，同時(shí)必須使用[BackdropFilter.grouped]構(gòu)造函數(shù)。

如下案例，ListView下所的的子Item者有濾鏡，使用BackdropGroup來(lái)優(yōu)化使用。

  BackdropGroup buildBackdropGroup() {
    return BackdropGroup(
      child: ListView.builder(
        itemCount: 60,
        itemBuilder: (BuildContext context, int index) {
          return ClipRect(
            child: BackdropFilter.grouped(
              filter: ui.ImageFilter.blur(sigmaX: 40, sigmaY: 40),
              child: Container(
                color: Colors.black.withOpacity(0.2),
                height: 200,
                child: const Text('Blur item'),
              ),
            ),
          );
        },
      ),
    );
  }