Flutter low quality blured widgets

Viewed 26

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

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:

Actual app

1 Answers

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,
                ],
              )
            )
Related