not handle correctly on iphone xs with ios 18

[Kevin301099]

ScreenRecording_09-28-2024.22-57-50_1.mov

code:

SoftEdgeBlur(
edges: [
EdgeBlur(
size: 300,
tintColor: Colors.transparent, // Edge Size
sigma: 30.0,
controlPoints: [
ControlPoint(position: 0.5, type: ControlPointType.visible),
ControlPoint(position: 1.0, type: ControlPointType.transparent),
],
type: EdgeType.topEdge,
),
],
child: ListView.builder(itemBuilder: (context, index) {
return Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: Text(
"$index",
style: TextStyle(fontSize: 20),
),
),
);
})

[Rahiche]

Based on the code you provided, it looks like the area that is getting blurred includes the transparent left and right sides.
If you update the color to the following, you will see the red color blending instead of the transparent one:

    return SoftEdgeBlur(
      edges: [
        EdgeBlur(
          size: 300,
          tintColor: Colors.transparent, // Edge Size
          sigma: 10.0,
          controlPoints: [
            ControlPoint(
              position: 0.5,
              type: ControlPointType.visible,
            ),
            ControlPoint(
              position: 1.0,
              type: ControlPointType.transparent,
            ),
          ],
          type: EdgeType.topEdge,
        ),
      ],
      child: Container(
        color: Colors.red,
        child: ListView.builder(itemBuilder: (context, index) {
          return Center(
            child: Container(
              width: 200,
              height: 50,
              color: Colors.blue,
              child: Text(
                "$index",
                style: TextStyle(fontSize: 20),
              ),
            ),
          );
        }),
      ),
    );

This widget does not work like BackdropFilter where it affects all the layers; it just knows about the current widget.
So you can do the following:

1. Apply the SoftEdgeBlur widget one level up where the background color is mixed, for example:

    return SoftEdgeBlur(
      edges: [
        EdgeBlur(
          size: 300,
          tintColor: Colors.transparent, // Edge Size
          sigma: 10.0,
          controlPoints: [
            ControlPoint(
              position: 0.5,
              type: ControlPointType.visible,
            ),
            ControlPoint(
              position: 1.0,
              type: ControlPointType.transparent,
            ),
          ],
          type: EdgeType.topEdge,
        ),
      ],
      child: Material(
        color: Colors.white,
        child: ListView.builder(itemBuilder: (context, index) {
          return Center(
            child: Container(
              width: 200,
              height: 50,
              color: Colors.blue,
              child: Text(
                "$index",
                style: TextStyle(fontSize: 20),
              ),
            ),
          );
        }),
      ),
    );

2. Update your tree so that the SoftEdgeBlur widget doesn't capture transparent color by setting the constraints at the top:

    return Material(
      color: Colors.white,
      child: Center(
        child: SizedBox(
          width: 200,
          child: SoftEdgeBlur(
            edges: [
              EdgeBlur(
                size: 300,
                tintColor: Colors.transparent, // Edge Size
                sigma: 10.0,
                controlPoints: [
                  ControlPoint(
                    position: 0.5,
                    type: ControlPointType.visible,
                  ),
                  ControlPoint(
                    position: 1.0,
                    type: ControlPointType.transparent,
                  ),
                ],
                type: EdgeType.topEdge,
              ),
            ],
            child: ListView.builder(itemBuilder: (context, index) {
              return Container(
                width: 200,
                height: 50,
                color: Colors.blue,
                child: Text(
                  "$index",
                  style: TextStyle(fontSize: 20),
                ),
              );
            }),
          ),
        ),
      ),
    );

[Kevin301099]

still got issue
https://github.com/user-attachments/assets/a8ffc60d-b205-4abe-a0a9-2312623ddee0