Flutter low quality blured widgets

Question

I have the following design for a background of an app and would like to implement it in Flutter:

My question is now what is the best way to implement it. Because I have tried to implement it with a BackdropFilter, but then it looks in the app itself not so good and more like poor quality:

score 0 · Answer 1 · answered Sep 06 '22 at 05:43

I think what you're searching for is a RadialGradient. Here's how you use it with a Container's BoxDecoration :

Container(
            decoration: const BoxDecoration(
              gradient:  RadialGradient(
                colors: [
                  Colors.red,
                  Colors.blue,
                ],
              )
            )

Flutter low quality blured widgets

1 Answers1