Flutter：ListView实现一个可左右滑动的商品列表
https://i-blog.csdnimg.cn/direct/2a4caa1e82b9479c9d7220eacd5b1095.png// 爆款商品
Widget _buildFlashSell() {
return <Widget>[
SizedBox(height: 25.w,),
// 标题
<Widget>[
TDImage(assetUrl: "assets/myimage/nav-11.png",width: 36.w,height: 36.w,),
SizedBox(width: 7.w,),
TextWidget.body('爆款商品',size: 28.sp,color: const Color(0xff181818),),
SizedBox(width: 20.w,),
TextWidget.body('品质卓越，超值享受，一切尽在我们的爆款产品！ ',size: 20.sp,color: const Color(0xff999999),),
].toRow(
crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,
).paddingHorizontal(30.w),
SizedBox(height: 30.w,),
// 爆款商品可左右滑动查看
<Widget>[
SizedBox(width: 30.w,),
for (var i = 0; i < 5; i++)
<Widget>[
TDImage(assetUrl: "assets/myimage/goods.png",width: 200.w,height: 160.w,),
SizedBox(height: 5.w,),
TextWidget.body(
'爆款商品爆款商品爆款商品',
size: 28.sp,
color: const Color(0xff181818),
overflow: TextOverflow.ellipsis,
maxLines: 1,
),
SizedBox(height: 5.w,),
<Widget>[
TextWidget.body('￥',size: 24.sp,color: const Color(0xffFF6E00),),
TextWidget.body('599.00',size: 28.sp,color: const Color(0xffFF6E00),),
].toRow(),
Text('原价￥599.00',
style: TextStyle(
fontSize: 24.sp,
color: const Color(0xff999999),
decoration: TextDecoration.lineThrough,
decorationColor: const Color(0xff999999)
),
),
].toColumn(crossAxisAlignment: CrossAxisAlignment.start).width(200.w).marginOnly(right: 15.w),
SizedBox(width: 15.w,),
].toListView(scrollDirection: Axis.horizontal,).expanded(),
].toColumn()
.decorated(border: Border.all(width: 1, color: const Color(0xffEDF1F2)),borderRadius: BorderRadius.circular(20.w))
.tight(height: 390.w);
}
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]