Flutter 如何在颤振中添加身体和应用程序栏相同的坡度

Flutter 如何在颤振中添加身体和应用程序栏相同的坡度,flutter,dart,Flutter,Dart,我尝试向appbar和body添加相同的LinearGradient。但是有两种渐变色 我想要没有任何不同的梯度 return Container( decoration: BoxDecoration( gradient: CustomGradient.appBarGradient //body gradient ), child:Scaffold( resizeToAvoidBottomPadding: false, backgroundColor: Palette

我尝试向appbar和body添加相同的LinearGradient。但是有两种渐变色

我想要没有任何不同的梯度

return Container(
  decoration: BoxDecoration(
    gradient: CustomGradient.appBarGradient //body gradient
  ),
  child:Scaffold(
  resizeToAvoidBottomPadding: false,
  backgroundColor: Palette.transparent,
  appBar: AppBar(
    elevation: 0.0,
    centerTitle: true,
    title: //text,
    flexibleSpace: Container( //appBar gradient
           decoration: BoxDecoration(
             gradient: CustomGradient.appBarGradient
      ),
    ),
  ),
  body:

只需将您的
appBar
透明即可

例如:

返回容器(
装饰:盒子装饰(
渐变:CustomGradient.appBarGradient,
),
孩子:脚手架(
resizeToAvoidBottomPadding:false,
背景颜色:颜色。透明,
appBar:appBar(
标高:0.0,
标题:对,
标题:文本(“测试”),
背景颜色:颜色。透明,
),
正文:SingleChildScrollView(
子:列(
儿童:[
对于(var i=0;i<10;i++)文本(“Hello world”,textScaleFactor:4),
],
),
),
),
);
如果您希望将身体内容扩展到
appBar
,请在
支架中使用
extendedbodybehindappbar:true
(并在
appBar
中保持
背景颜色:Colors.transparent,高程:0


您还有其他解决方案,如将
应用程序条
与正文中的内容堆叠在一起,或者为
应用程序条
正文
创建两种不同的渐变,第一种渐变与第二种渐变的起始颜色相同。

只需将
应用程序条
透明即可

例如:

返回容器(
装饰:盒子装饰(
渐变:CustomGradient.appBarGradient,
),
孩子:脚手架(
resizeToAvoidBottomPadding:false,
背景颜色:颜色。透明,
appBar:appBar(
标高:0.0,
标题:对,
标题:文本(“测试”),
背景颜色:颜色。透明,
),
正文:SingleChildScrollView(
子:列(
儿童:[
对于(var i=0;i<10;i++)文本(“Hello world”,textScaleFactor:4),
],
),
),
),
);
如果您希望将身体内容扩展到
appBar
,请在
支架中使用
extendedbodybehindappbar:true
(并在
appBar
中保持
背景颜色:Colors.transparent,高程:0


您还有其他解决方案,如将
appBar
与正文中的内容堆叠在一起,或为
appBar
正文创建两种不同的渐变,第一个与第二个的起始颜色具有相同的结束颜色。

是否使您的
appBar
透明并将其后面的主体延伸为一个选项?如果是,请在
脚手架中使用
extendedbodybehindappbar:true
,在
appBar中使用
背景颜色:Colors.transparent,高程:0
。否则,您可以将
appBar
与正文中的内容堆叠在一起,或者创建两个不同的渐变,第一个渐变的结束颜色与第二个渐变的起始颜色相同。@Yann39背景颜色已经是透明的。我忘了在StackOverflow上编辑你的
脚手架
背景色是透明的,而不是你的
appBar
。我的问题是
容器
渐变和appBar渐变不匹配。但你不需要两个渐变,我将试着用一个例子来回答这个问题:是否使你的
appBar
透明,并将其后面的主体扩展为一个选项?如果是,请在
脚手架中使用
extendedbodybehindappbar:true
,在
appBar中使用
背景颜色:Colors.transparent,高程:0
。否则,您可以将
appBar
与正文中的内容堆叠在一起,或者创建两个不同的渐变,第一个渐变的结束颜色与第二个渐变的起始颜色相同。@Yann39背景颜色已经是透明的。我忘了在StackOverflow上编辑你的
脚手架
背景色是透明的,而不是你的
appBar
。我的问题是
容器
渐变和appBar渐变不匹配。但是你不需要2个渐变,我会用一个例子来尝试答案