Flutter - ListView 未显示

Question

由于某种原因，ListView 没有出现。我认为其中一个小部件的高度从其父级获得非高度......也许？似乎有些小部件不会随其内容自动调整大小。我不想强制任何容器的大小，因为它们可能包含不同数量的信息。 https://codepen.io/dhust/pen/vYGZLPZ

更新： 错误：无法点击测试没有大小的渲染框。在这个 RenderBox 上调用了 hitTest() 方法：

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Container(
          child: Column(
            children: [
              Row(
                children: [
                  Container(
                    child: Column(
                      children: [
                        Expanded(
                          child: ListView.builder(
                            itemCount: 4,
                            itemBuilder: (BuildContext context, int index) {
                              return Text("Hi");
                            },
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Answer 1

对于ListView 添加shrinkWrap: true, 以避免“垂直视口被赋予了无限的高度”。错误并将Expanded 用于其父Column 以避免“constraints.hasBoundedWidth is not true”。

    Column(
      children: [
        Row(
          children: [
            Expanded( // Use Expanded here
              child: Container(
                child: Column(
                  children: [
                    ListView.builder(
                      shrinkWrap: true, // and use shrinkWrap
                      itemCount: 4,
                      itemBuilder: (BuildContext context, int index) {
                        return Text("Hi");
                      },
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ],
    ),

结果：