flutter Container颜色渐变(背景图,边框,形状,阴影)

复制代码
Container(
        decoration: BoxDecoration(
          boxShadow: [
            BoxShadow(
                color: Colors.yellow, blurRadius: 10.0, spreadRadius: 10.0),
          ],
          gradient: new LinearGradient(
              begin: Alignment.bottomCenter,
              end: Alignment.topCenter,
              colors: [
                Colors.amber,
                Colors.yellow,
              ]),
        ),
        padding: EdgeInsets.fromLTRB(0.00, 6.00, 0.00, 6.00),
        width: MediaQuery.of(context).size.width,
        child:
复制代码

效果 : 

 

const BoxDecoration({
this.color,
this.image,
this.border,
this.borderRadius,
this.boxShadow,
this.gradient,
this.backgroundBlendMode,
this.shape = BoxShape.rectangle,
}) : assert(shape != null),

其他属性的一些例子 :

decoration: BoxDecoration(
color: Colors.green,
border: Border.all(color: Colors.grey, width: 1.0),
borderRadius: BorderRadius.circular(3.0),
),
 

posted on   --LP--  阅读(7937)  评论(0编辑  收藏  举报

(评论功能已被禁用)
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
历史上的今天:
2016-12-20 简例 一次执行多条mysql insert语句
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示