Flutter: Glass Modal Bottom Sheet
Published in
3 min readMar 24, 2021
Sometimes I am looking for interesting design solutions on different internet resources to practice them on my current tech stack.
I’ve noticed that designers make more and more designs with elements that look like frosted glass. It is a trend in the design called “Glassmorphism.”
I hope glassmorphism becomes the standard coz nowadays, devices are powerful and can easily render such effects.
The full example you can observe on the git repository.
Glass
It’s pretty easy to apply the glass effect to a needed widget whenever you want, and there is an example with a modal bottom sheet:
BackdropFilter widget applies a blur effect under the child widget.
ClipRRect cuts blur around the container.
