我正试图用一个透明的AppBar来做一个屏幕布局,AppBar必须滚动它下面的内容。
问题是,当滚动内容时,AppBar显示阴影shadowColor,但它被设置为透明色。
编辑:我注意到这是因为在我的应用程序主题中将useMaterial 3设置为true。
我用的是Flutter 3.0.2。
这是我的代码:
Stack(
fit: StackFit.expand,
children: [
//AuthBackground(),
Container(color: Colors.brown,),
Theme(
data: AppStyles.mainDarkTheme.copyWith(
textTheme: AppStyles.mainDarkTheme.textTheme.apply(
bodyColor: Colors.blue,
displayColor: Colors.blue,
)
),
child: Scaffold(
backgroundColor: Colors.transparent,
extendBodyBehindAppBar: true,
appBar: AppBar(
backgroundColor: Colors.transparent,
shadowColor: Colors.transparent,
elevation: 0.0,
bottomOpacity: 0.0,
),
body: _content(),
),
),
],
)
这里有一张图片,当内容滚动时,你可以注意到AppBar上的阴影:
先谢谢你了!
4条答案
按热度按时间axr492tv1#
我终于明白了。
我在post上回答自己:
我也有同样的问题。
在我的例子中,我有一个透明背景的AppBar和一个Scaffold,其中extendBodyBehindAppBar设置为true。
我尝试使用shadowColor和surfaceTintColor与Colors.transparent值,但阴影仍然可见。
然后我注意到AppBar的scrolledUnderElevation属性。将其设置为0.0是解决方案。
brqmpdu12#
设置高程= 0对我有效
cngwdvgl3#
这是因为默认的elevation属性设置为appbar。因此,简单的解决方案是设置elevation属性。如下所示
就这样了。
bweufnob4#
必须将AppBar的
scrolledUnderElevation
属性设置为0