如何在 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