Question 76942 in Flutter Question posted in
The official Flutter documentation can be found here.

Blur Effect in Flutter for whole Application

Here, I made the flutter application that is transparent and now I want it to be blur. The background screen we see from the application (i.e., windows) should be seen with the blur effect. If anyone have the idea on how to, please share. I research a lot but the packages such as GlassMorphism and other ways such as BackDropFilter does not work for this question.

Things to consider for the answer of this question
I meant blur not opacity. There is difference in blur and opacity. Blur is for example: just as BackDropFilter Gives to the Image. Opacity is different. If i really wanted what opacity provided then i wouldn’t have asked the question, as i have already used to make it transparent. Plus, I hope the voters would think twice about it.

I would be really thankful for the answer.

enter image description here

Tags:

2

Answers


  1. 0

    Use background color property with opacity.

    backgroundColor : Colors.redAccent.withOpacity(0.5),

    More Detail : https://api.flutter.dev/flutter/dart-ui/Color/withOpacity.html

    Login or Signup to reply.
  2. 0

    Maybe flutter_acrylic might help you. You can play with WindowEffect.aero & WindowEffect.acrylic to meet your needs.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search