Flutter ListTile -垂直将所有项目居中对齐
Flutter ListTile -垂直将所有项目居中对齐
提问于 2021-11-08 22:47:33
我想将ListTile中的所有内容(标题、副标题、前导、尾随等)垂直对齐到中心。做这件事最好的方法是什么？
const Padding(
padding: EdgeInsets.fromLTRB(0, 20, 0, 20),
child: Card(
child: ListTile(
leading: FlutterLogo(size: 55),
title: Text('Overview'),
subtitle: Text(
'250.956.261',
),
trailing: Icon(
Icons.arrow_right_outlined,
size: 30,
),
isThreeLine: true,
),
),
),回答 2
Stack Overflow用户
回答已采纳
发布于 2021-11-09 00:01:10
我最初误以为你的问题是关于ListTile内容的水平居中。要使项目在卡片内部垂直居中，您可能只需要禁用isThreeLine参数。禁用它会导致内容垂直居中。
build方法的代码：
@override
Widget build(BuildContext context) {
return const Center(
child: Card(
child: ListTile(
leading: FlutterLogo(size: 55),
title: Text('Overview'),
subtitle: Text(
'250.956.261',
),
trailing: Icon(
Icons.arrow_right_outlined,
size: 30,
),
// isThreeLine: true,
),
),
);
}
Stack Overflow用户
发布于 2021-11-08 23:58:21
您可以使用下面的替代代码来获得您想要的内容
Padding(
padding: const EdgeInsets.fromLTRB(0, 20, 0, 20),
child: Card(
child: Padding(
padding: const EdgeInsets.all(20),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
const FlutterLogo(size: 55),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: const [
Text('Overview'),
Text(
'250.956.261',
),
],
),
],
),
const Icon(
Icons.arrow_right_outlined,
size: 30,
),
],
),
),
),
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69890812
复制相关文章
相似问题
腾讯云开发者
