gpt4 book ai didi

flutter - 如何扩展使“行”子级在列表项内达到最大高度?

转载 作者:行者123 更新时间:2023-12-03 04:34:11 24 4
gpt4 key购买 nike

我有以下小部件代表ListView中的一项:

class ListItem extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Card(
child: Row(
children: [
Image.network('https://via.placeholder.com/100'),
Expanded(
child: Padding(
padding: EdgeInsets.all(5.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Lorem ipsum dolor sit amet',
style: Theme.of(context).textTheme.headline6,
textAlign: TextAlign.left,
),
Text(
'Lorem ipsum',
style: Theme.of(context).textTheme.subtitle1,
textAlign: TextAlign.left,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text('Lorem'),
Text('Ipsum'),
],
),
],
),
),
),
],
),
);
}
}
我得到以下结果:
enter image description here
我希望图像右侧的 Column元素垂直扩展,以便其 mainAxisAligment实际上确实在其3个子元素之间添加了一些空间。
我曾尝试在父行上添加 crossAxisAlignmentCrossAxisAlignment.stretch,但随后出现一个异常,内容为“BoxConstraints强制无限高”。
我还能如何垂直扩展此列?

最佳答案

enter image description here
据我了解,您想在它们之间留有间隔,如果是这样,则可以使用 IntrinsicHeight 小部件。
对不起,我的英语不好。

class ListItem extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Card(
child: IntrinsicHeight(
child: Row(
children: [
Image.network('https://via.placeholder.com/100'),
Expanded(
child: Padding(
padding: EdgeInsets.all(5.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Lorem ipsum dolor sit amet',
style: Theme.of(context).textTheme.headline6,
textAlign: TextAlign.left,
),
Text(
'Lorem ipsum',
style: Theme.of(context).textTheme.subtitle1,
textAlign: TextAlign.left,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text('Lorem'),
Text('Ipsum'),
],
),
],
),
),
),
],
),
),
);
}
}

关于flutter - 如何扩展使“行”子级在列表项内达到最大高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64393213/

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