設置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),),),

再去掉狀態欄的半透明改為沉浸式后的效果，如圖

總結

以上是生活随笔為你收集整理的flutter AppBar背景渐变色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。