[Impeller] ImageFilterConfig.blur(bounded: true) in BackdropFilter does not apply blur in a ListView #184447

  import 'package:flutter/material.dart';

  void main() {
    runApp(const App());
  }

  class App extends StatelessWidget {
    const App({super.key});

    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'BackdropFilter Bounded Blur Bug',
        theme: ThemeData(colorSchemeSeed: Colors.blue),
        home: const ImageListScreen(),
      );
    }
  }

  class ImageListScreen extends StatelessWidget {
    const ImageListScreen({super.key});

    static const _imageCount = 30;

    String _imageUrl(int index) => 'https://picsum.photos/seed/$index/400/300';

    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(title: const Text('BackdropFilter Bounded Blur Bug')),
        body: ListView.builder(
          itemCount: _imageCount,
          itemBuilder: (context, index) {
            return Padding(
              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
              child: ClipRRect(
                borderRadius: BorderRadius.circular(12),
                child: SizedBox(
                  height: 220,
                  child: Stack(
                    fit: StackFit.expand,
                    children: [
                      Image.network(
                        _imageUrl(index),
                        fit: BoxFit.cover,
                      ),
                      Positioned(
                        left: 0,
                        right: 0,
                        bottom: 0,
                        height: 72,
                        child: ClipRect(
                          child: BackdropFilter(
                            filterConfig: ImageFilterConfig.blur(
                              sigmaX: 10,
                              sigmaY: 10,
                              bounded: true,
                            ),
                            child: Container(
                              color: Colors.black.withValues(alpha: 0.2),
                              alignment: Alignment.centerLeft,
                              padding: const EdgeInsets.symmetric(horizontal: 16),
                              child: Text(
                                'Image #${index + 1}',
                                style: const TextStyle(
                                  color: Colors.white,
                                  fontSize: 18,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            );
          },
        ),
      );
    }
  }