如何在 Flutter SliverGrid 上设置宽度

Mar*_*nie 4 nestedscrollview flutter customscrollview

我正在尝试显示 slivergridview 视图,如果它始终为全宽,尤其是在大屏幕上,它看起来就不太好

在此输入图像描述

但 CustomScrollView 只接受 sliver 小部件,这使得容器和sizedbox 无法使用。您对此的解决方法是什么?

Mar*_*nie 5

  1. 首先,用 LayoutBuilder 包裹你的 Scaffold 主体
  2. 用SliverPadding包裹SliverGrid并设置垂直和水平宽度
    SliverPadding(
      padding: EdgeInsets.symmetric(
      vertical: 15,
      horizontal: max((constraints.maxWidth - 1200) / 2, 0) > 15 ? max((constraints.maxWidth - 1200) / 2, 0) : 15),
      sliver: SliverGrid( ...

Run Code Online (Sandbox Code Playgroud)

这是结果 在此输入图像描述