How can I create fading hexagon in Flutter

Question

Fading hexagon

Hello, I want to create and Fading hexagon like in image with a fading purple circle middle on it. What should I do?

Answer 1

You can achieve it by drawing a radial gradient as shown in this article. Then your colors will be purple and transparent (or purple with an opacity set to 0). Then you have two possibilities, either you use a big rectangle as a mask for your gradient, either you draw two triangles over your gradient, one at each corner to create that masking effect.

Hope it helped and have a nice day