[英]Flutter How to give a Container border bottom only
将Border
与bottom
参数一起使用。
Container(
decoration: BoxDecoration(
Border(
bottom: BorderSide(width: 1.5, color: Colors.grey[300]),
),
),
child: ListTile(
title: Text(title),
subtitle: Text(score + dateFormatted),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(amount),
Checkbox(
value: false,
activeColor: Colors.green,
onChanged: (bool newValue) {}),
],
),
),
);
最好使用ListView.separator
构造函数
import 'package:flutter/material.dart';
void main() => runApp(MaterialApp(debugShowCheckedModeBanner: false, home: Home()));
class Home extends StatelessWidget {
@override
Widget build(BuildContext context) => Scaffold(body: Demo());
}
class Demo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ListView.separated(
itemCount: 42,
separatorBuilder: (_, __) => Container(height: 1.5, color: Colors.grey[300]),
itemBuilder: (context, index) {
return ListTile(
title: Text('item $index'),
);
},
);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.