在Flutter开发中，视觉效果的实现往往是开发人员追求的目标之一。本文将带领大家深入了解如何在Flutter中实现一个带有圆角的渐变效果，并且透明度逐渐增加的视觉效果。
渐变效果的基本知识
首先，让我们回顾一下Flutter中实现渐变效果的基本方法。Flutter提供了LinearGradient和RadialGradient两种常用的渐变类型：
- LinearGradient: 线性渐变，从一点到另一点的颜色过渡。
- RadialGradient: 径向渐变，从中心点向外扩展的颜色变化。
挑战：圆角与渐变的结合
在实际应用中，用户可能希望在顶部栏实现一个渐变效果，同时要求底部边缘是圆角的，这就带来了一个挑战：如何在保留渐变效果的同时添加圆角？
尝试与失败
最初的尝试可能像这样：
Widget_buildTopBar(){