gpt4 book ai didi

user-interface - ListTile中的图像

转载 作者:行者123 更新时间:2023-12-03 03:55:50 25 4
gpt4 key购买 nike

如何将照片的高度添加到列表瓦片的全高和宽度(例如200)中?

    Card(
child: ListTile(
leading: ConstrainedBox(
constraints: BoxConstraints(
minWidth: 80,
minHeight: 80,
),
child: Image.network('https://d-pt.ppstatic.pl/k/r/1/59/d4/5cb1dbc30ec6d_p.jpg?1555262447', width: 120, height: 120),),
title: Text('Three-line ListTile'),
subtitle: Text(
'A sufficiently long subtitle warrants three lines.'
),
trailing: Icon(Icons.more_vert),
isThreeLine: true,
),
),

最佳答案

您可以执行以下操作:

Card(
child: Row(
children: <Widget>[
Expanded(
flex: 1,
child: Image.network(
'https://d-pt.ppstatic.pl/k/r/1/59/d4/5cb1dbc30ec6d_p.jpg?1555262447',
),
),
Expanded(
flex: 2,
child: ListTile(
title: Text('Three-line ListTile'),
subtitle:
Text('A sufficiently long subtitle warrants three lines.'),
trailing: Icon(Icons.more_vert),
isThreeLine: true,
),
),
],
),
),

然后根据flex属性调整图像的大小。

关于user-interface - ListTile中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61352342/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com