无法在 ListView (Flutter) 中限制 Card 的最大宽度

发布于05月31日

我的卡片使用的是整个屏幕的宽度，而宽度在SizedBox到50之间(比屏幕小得多).到底怎么回事？以下是我的代码:

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
    children: const [
      SizedBox(
        width: 50,
        child: Card(
        child: Row(
          children: [
          Text('test'),
        ]),
        ),
      ),
    ]
    );
  }
}

推荐答案

你可以用UnconstrainedBox个小工具包住ListView岁的子元素.

来自官方文档:UnconstrainedBox不会对其子对象施加任何限制，允许它以"自然"大小进行渲染.Link个

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
    children: const [
      UnconstrainedBox(
        child: SizedBox(
          width: 50,
          child: Card(
          child: Row(
            children: [
            Text('test'),
          ]),
          ),
        ),
      ),
    ]
    );
  }
}