Question

我正在尝试使用CustomScrollView创建一个SliverAppBar。由于包含主要内容的SliverGrid可能经常没有足够的内容来滚动到“ SliverAppBar”，因此UI现在感觉“卡住了”。用户只能滚动到SliverAppBar的一部分，而直到隐藏为止。

因此，我正在寻找只允许滚动直到SliverAppBar隐藏的时间。

下面是我当前的代码，

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            backgroundColor: Colors.green,
            expandedHeight: 500.0,
            flexibleSpace: FlexibleSpaceBar(
              background: Image.asset(
                'tree_logo.jpg',
                fit: BoxFit.cover,
              ),
            ),
          ),

          SliverGrid.count(
            crossAxisCount: 4,
            crossAxisSpacing: 20.0,
            mainAxisSpacing: 20.0,
            childAspectRatio: 4 / 3,
            children: [
              PermissibleModuleCard(
                moduleTitle: 'Master Data',
                moduleDescription:
                    'Edit berbagai master-master data (client, supplier, tenaga kerja & material) serta konstanta-kosntanta lainnya (PPN, Alamat, etc.)',
              ),
            ],
          ),
        ],
      ),
    );
  }
}

Answer 1

浏览文档后，我发现了center的{{1}}属性。这使我可以将CustomScrollView设置为中心小部件。

最终代码：

SliverList

Flutter SliverAppBar-允许滚动直到SliverAppBar不再可见

1 个答案: