flutter AppBar背景渐变色

最新推荐文章于 2024-12-16 16:00:33 发布

小蜜蜂嗡嗡

最新推荐文章于 2024-12-16 16:00:33 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： flutter css css3

本文链接：https://blog.youkuaiyun.com/androidhyf/article/details/122122008

本文介绍如何在Flutter中为AppBar设置具有渐变效果的背景，并实现状态栏的沉浸式体验。通过设置AppBar的flexibleSpace属性并使用BoxDecoration与LinearGradient结合，可以轻松实现这一效果。

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

设置AppBar属性：flexibleSpace

AppBar(
        title: const Text('XXXXX', style: Styles.pageTitle),
        centerTitle: true,
        flexibleSpace: Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(colors: [
            ColorConfig.gradient_begin,
             ColorConfig.gradient_end,
            ], begin: Alignment.bottomCenter, end: Alignment.topCenter),
          ),
        ),