基于此设计:
我正在尝试使用SliverList
withSliverAppBar
但似乎无法重叠项目,因此当应用左上角和右上角半径时,前一个项目的颜色会出现。它类似于另一个帖子:如何在 SliverAppBar 上重叠 SliverList
但我试图将其Stack
应用于所有SliverList
孩子。到目前为止,我完成的最好的是一种解决方法,我将项目包装在另一个项目中Container
并应用以前的背景颜色:
CustomScrollView(
slivers: <Widget>[
SliverAppBar(
title: Text('Test'),
),
SliverList(
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
return Container(
child: Container(
child: Column(
children: <Widget>[
Container(
child: Text(
'Index is $index'.toUpperCase(),
),
alignment: Alignment.centerLeft,
padding: EdgeInsets.only(bottom: 10.0),
),
Container(height: 200.0)
],
),
constraints: BoxConstraints.tightForFinite(width: 200),
decoration: BoxDecoration(
color:
index % 2 == 0 ? Color(0XFF45766E) : Color(0XFFECB141),
borderRadius: BorderRadius.only(
topLeft: Radius.circular(40.0),
topRight: Radius.circular(40.0),
),
),
padding: EdgeInsets.only(
left: 20.0,
top: 10.0,
),
),
decoration: BoxDecoration(
color: index % 2 == 0 ? Color(0XFFECB141) : Color(0XFF45766E),
),
);
},
),
),
],
);
谢谢!