Flutter背景渐变效果

最新推荐文章于 2025-03-19 18:10:39 发布

Mr丶吴

最新推荐文章于 2025-03-19 18:10:39 发布

阅读量3.5k

点赞数

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.youkuaiyun.com/wxx314165038/article/details/120765422

版权

flutter 专栏收录该内容

22 篇文章

订阅专栏

这段代码展示了如何在Flutter中创建一个具有从顶部中心到底部中心线性渐变背景的Widget。Widget包含一个显示'data'的Text，渐变颜色从amberAccent过渡到white。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

Widget main(){
  return Container(
    height: 100.0,
    width: double.infinity,
    child: new Text("data"),
    decoration: BoxDecoration(
      gradient: LinearGradient(
        begin: Alignment.topCenter,
        end: Alignment.bottomCenter,
        colors: [
          Colors.amberAccent,
          Colors.white,
        ],
      ),
    ),
  );
}

效果如下：