发生这种情况的原因是,由于您在
Expanded内部使用了小部件
Column,因此它占用了屏幕上的所有可用空间,因此看起来好像是在重叠,
Container但是实际上只是在阴影上。
代替
Column小部件,使用
Stack来显示
Container上方的
ListView。您可以使用
Positioned小部件来放置堆栈的子小部件。
但是在这种情况下,请确保将
Container代码放在代码之后,
ListView以使其始终位于最前面。
例:
Stack( children: <Widget>[ Padding( padding: const EdgeInsets.all(10), child: _buildCheckpointListView(context, model) ), Positioned( top: 0.0, //To align Container at the top of screen left: 0.0, right: 0.0, child: Container( decoration: BoxDecoration( color: Colors.red.shade200, boxShadow: [ BoxShadow( color: Colors.red.shade200, offset: Offset(0, 10), blurRadius: 10, spreadRadius: 10 )] ), child: ListTile( title: Text(''), ) ), ), ])如果要从顶部提供一定的边距,也可以将其包装
ListView在
Positioned小部件内。



