即使添加了扩展小部件，SliverAppBar也无法正常工作

Question

在flutter中制作可折叠标题的正确方法是什么？

我尝试了以下操作，但没有成功。我在做什么错，该如何解决？

return CustomScrollView(
  shrinkWrap: true,
  slivers: [
    SliverAppBar(
      expandedHeight: 200,
      pinned: true,
      flexibleSpace: FlexibleSpaceBar(
        title: Text(title),
        background: Image(image: AssetImage(imgPath), fit: BoxFit.cover),
      ),
    ),
    SliverFillRemaining(
      child: Column(
        children: [Text('some cool text here')],
      ),
    )
  ],
);

Answer 1

是的，这是正确的方法，而且运作良好。如果您问为什么它没有完全崩溃，则应检查“固定”值。如果将其设置为“ false”，它将完全崩溃。

  SliverAppBar(
   expandedHeight: 200,
   pinned: false,
   flexibleSpace: FlexibleSpaceBar(
    title: Text(title),
    background: Image(image: AssetImage(imgPath), fit: BoxFit.cover),
   ),
  ),

您可以查看this文档以获取有关SliverAppBar的更多信息。