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