flutter - SingleChildScrollView中的Flutter ListView.Builder无法滚动

Question

我刚刚开始Flutter。我制作了一个HeaderComponent，在顶部显示标题“Home”，并使用了在底部显示的BubbleBottomNavbar插件。
目前，我使用字符串列表作为模拟，但稍后会从API获取新闻列表，循环显示为卡片。
我试图创建尽可能多的组件，并将它们包装起来以在各处重复使用相同的“MainContainer”。这将显示HeaderComponent以及它将作为参数接收的小部件列表。
我希望它默认为可滚动 View 。其内容中的所有小部件都可以很好地显示，但是我一直看到“底部溢出...”警告。我尝试了许多组件，并使用Flex组件，可扩展组件以不同的方式来解决此问题，但是我仍然无法滚动并保持此警告
这是我的App Render:

这是我的构建方法:
MainComponent.dart:

PostsComponent.dart:

谢谢您为我提供的帮助🙂

Answer 1

您可能希望在其下面有一个固定标题和一个可滚动列表列表。为了实现这一点，您希望像这样构造页面的build方法:

Widget build(BuildContext context){
  return Column(children: <Widget>[
      HeaderComponent(title:"Home", hasBackButton:false),
      ListView.builder(
        ...
      ),
    ],
  )
}

将在同一轴上可滚动的2个小部件彼此堆叠在一起，经常会导致错误(“尺寸不受限制”，“溢出”等)，因为这2个组件重叠的位置没有明确的滚动行为。
要实现Sliver行为，请像 SliverList 一样使用Sliver。