一个可滚动的2D排列的小部件。

控件网格的主轴方向是它滚动的方向（ scrollDirection）。

最常用的网格布局是 GridView.count，它创建了一个在横轴上具有固定数量 网格块 的平铺的布局，和 GridView.extent ，它使用具有最大横轴范围的 网格块 创建布局。自定义 SliverGridDelegate 可以生成任意2D排列的子代，包括未对齐或重叠的排列。

要创建具有大量（或无限）个子节点的网格，请将 GridView.builder 构造函数与gridDelegate 的 SliverGridDelegateWithFixedCrossAxisCount 或 SliverGridDelegateWithMaxCrossAxisExtent 一起使用。

要使用自定义SliverChildDelegate ，请使用 GridView.custom。

要创建线性数组的子代，请使用 ListView。

若要控制滚动视图的初始滚动偏移，请为控制器 controller 提供其ScrollController.initialScrollOffset 属性集。

转换到CustomScrollView

GridView基本上是一个 CustomScrollView ，其 CustomScrollView.slivers 中包含一个SliverGrid。

如果GridView不再足够，例如因为滚动视图既有网格又有列表，或者因为网格要与 SliverAppBar 等组合在一起，直接将代码从使用 GridView 移植到 CustomScrollView 直接使用。

CustomScrollView.slivers 属性只能使用包含 SliverGrid 的列表。

GridView上 的 childrenDelegate 属性对应于 SliverGrid.delegate 属性，GridView上 的 gridDelegate 属性对应于 SliverGrid.gridDelegate 属性。

GridView，GridView.count和GridView.extent构造函数的子参数对应于 GridView 中 childrenDelegate 是具有相同参数的 SliverChildListDelegate。

GridView.builder 构造函数的 itemBuilder 和 childCount 参数对应于 GridView 中的 childrenDelegate，它们是具有匹配参数的 SliverChildBuilderDelegate

GridView.count 和 GridView.extent 构造函数创建自定义网格委托，并在 SliverGrid上 具有等效命名的构造函数以简化转换：分别为 SliverGrid.count 和 SliverGrid.extent。

padding 属性对应于在 CustomScrollView.slivers 属性中使用 SliverPadding 而不是网格本身，并且让 SliverGrid 成为 SliverPadding 的子级。

默认情况下，ListView将自动填充列表的可滚动范围，以避免MediaQuery的padding 造成的部分障碍。要避免此行为，请使用padding属性为0进行覆盖。

将代码移植到使用CustomScrollView后，可以将其他slivers（例如 SliverList 或 SliverAppBar）放入CustomScrollView.slivers 中。

以下是使用 CustomScrollView 显示 GridView 等效的代码片段：

GridView.count(
  primary: false,
  padding: const EdgeInsets.all(20.0),
  crossAxisSpacing: 10.0,
  crossAxisCount: 2,
  children: <Widget>[
    const Text('He\'d have you all unravel at the'),
    const Text('Heed not the rabble'),
    const Text('Sound of screams but the'),
    const Text('Who scream'),
    const Text('Revolution is coming...'),
    const Text('Revolution, they...'),
  ],
)

CustomScrollView(
  primary: false,
  slivers: <Widget>[
    SliverPadding(
      padding: const EdgeInsets.all(20.0),
      sliver: SliverGrid.count(
        crossAxisSpacing: 10.0,
        crossAxisCount: 2,
        children: <Widget>[
          const Text('He\'d have you all unravel at the'),
          const Text('Heed not the rabble'),
          const Text('Sound of screams but the'),
          const Text('Who scream'),
          const Text('Revolution is coming...'),
          const Text('Revolution, they...'),
        ],
      ),
    ),
  ],
)

也可以看看：

• SingleChildScrollView，它是一个具有单个子项的可滚动窗口小部件。
• ListView，它是可滚动的，线性的小部件列表。
• PageView，这是一个滚动列表，页面视图的每个子项大小都被强制与视口大小相同。
• CustomScrollView，这是一个可滚动的小部件，使Slivers用创建自定义滚动效果。
• SliverGridDelegateWithFixedCrossAxisCount，它创建一个在横轴上具有固定数量的 网格块 的布局。
• SliverGridDelegateWithMaxCrossAxisExtent，用于创建具有最大横轴范围的 网格块 的布局。
• ScrollNotification 和 NotificationListener，可用于在不使用 ScrollController 的情况下查看滚动位置。

构造函数

使用自定义SliverGridDelegate创建可滚动的2D小部件数组
GridView({Key key, Axis scrollDirection: Axis.vertical, bool reverse: false, ScrollController controller, bool primary, ScrollPhysics physics, bool shrinkWrap: false, EdgeInsetsGeometry padding, @required SliverGridDelegate gridDelegate, bool addAutomaticKeepAlives: true, bool addRepaintBoundaries: true, bool addSemanticIndexes: true, double cacheExtent, List<Widget> children: const <widget>[]</widget>, int semanticChildCount })

创建 按需创建的可滚动的2D小部件数组
GridView.builder({Key key, Axis scrollDirection: Axis.vertical, bool reverse: false, ScrollController controller, bool primary, ScrollPhysics physics, bool shrinkWrap: false, EdgeInsetsGeometry padding, @required SliverGridDelegate gridDelegate, @required IndexedWidgetBuilder itemBuilder, int itemCount, bool addAutomaticKeepAlives: true, bool addRepaintBoundaries: true, bool addSemanticIndexes: true, double cacheExtent, int semanticChildCount })

创建一个可滚动的2D小部件数组，在横轴上具有固定数量的网格块
GridView.count({Key key, Axis scrollDirection: Axis.vertical, bool reverse: false, ScrollController controller, bool primary, ScrollPhysics physics, bool shrinkWrap: false, EdgeInsetsGeometry padding, @required int crossAxisCount, double mainAxisSpacing: 0.0, double crossAxisSpacing: 0.0, double childAspectRatio: 1.0, bool addAutomaticKeepAlives: true, bool addRepaintBoundaries: true, bool addSemanticIndexes: true, double cacheExtent, List<Widget> children: const <widget>[]</widget>, int semanticChildCount })

使用自定义SliverGridDelegate和自定义SliverChildDelegate创建可滚动的2D小部件数组
GridView.custom({Key key, Axis scrollDirection: Axis.vertical, bool reverse: false, ScrollController controller, bool primary, ScrollPhysics physics, bool shrinkWrap: false, EdgeInsetsGeometry padding, @required SliverGridDelegate gridDelegate, @required SliverChildDelegate childrenDelegate, double cacheExtent, int semanticChildCount })

使用每个都具有最大横轴范围的 网格块 创建可滚动的2D小部件数组。
GridView.extent({Key key, Axis scrollDirection: Axis.vertical, bool reverse: false, ScrollController controller, bool primary, ScrollPhysics physics, bool shrinkWrap: false, EdgeInsetsGeometry padding, @required double maxCrossAxisExtent, double mainAxisSpacing: 0.0, double crossAxisSpacing: 0.0, double childAspectRatio: 1.0, bool addAutomaticKeepAlives: true, bool addRepaintBoundaries: true, bool addSemanticIndexes: true, List<Widget> children: const <widget>[]</widget>, int semanticChildCount })

属性

方法