Expanded Widget 占据整个屏幕

Question

当我在列或行中使用带有 ListView 的 Expanded 小部件时，它会占据整个屏幕并且不适合列表的大小。有什么方法可以使我的列或行与 ListView 返回的列表的确切大小相匹配？我不希望它占据整个屏幕，因为我有两个按钮被推到屏幕的末尾，因为 Expanded 小部件占用了不必要的空间。如果没有 Expanded 小部件，Listview 似乎无法工作。

Answer 1

您有 3 个选项来解决此问题：

第一种方法：删除Expanded，使用ListView中的shrinkWrap属性，设置为true，这是最简单的方法，但是有一些缺点，请检查出Flutter official docs for more details.

第二种方式：删除Expanded，将其替换为SizedBox或Container，并设置一个显式的height，如300。

第三种方式：使用CustomScrollView作为你的身体，使用SliverListView而不是ListView和使用SliverToBoxAdapter和Row作为一个孩子，请阅读Flutter official docs for more detail关于使用 Slivers