gradient 可以添加渐变的效果 .. 这个渐变可以是 Radial Gradient，径向渐变 .. 也可以是 LinearGradient .. 线性渐变 ..

要这个 BoxDecoration 里面 .. 先添加一个 gradient .. 先用一个径向渐变 .. 用一下 RadialGradient .. 把渐变用的一组颜色放在它里面的 colors 属性里面 .. 它的值是一组颜色 .. 用一个 Color 的 fromRGBO .. 设置一种颜色的 rgbo 的值 ..

复制一份 .. 再添加另外一种颜色 ... 一般渐变至少都需要两种颜色 ..

现在你看到的就是一种径向渐变的效果 ..

下面我们再试一下线性渐变 ... 复制一份这个 gradient .. 用一下 LinearGradient ..

这里现在显示的就是一个线向渐变的效果 .. 默认这个渐变效果的方向是从左往右 .. 这个方法渐变的开始还有结束的位置我们可以再设置一下 .. 添加一个 begin .. 设置一下渐变开始的位置 .. 用一下 Alignment.topCenter ... 顶部中间 ..

再添加一个 end .. 把它的值设置成 Alignment.bottomCenter .. 底部中间 ..

现在你会发现，这个渐变的效果的开始还有结束的位置会有变化 ...