一個可滾動的2D排列的小部件。

控件網(wǎng)格的主軸方向是它滾動的方向（ scrollDirection）。

最常用的網(wǎng)格布局是 GridView.count，它創(chuàng)建了一個在橫軸上具有固定數(shù)量 網(wǎng)格塊 的平鋪的布局，和 GridView.extent ，它使用具有最大橫軸范圍的 網(wǎng)格塊 創(chuàng)建布局。自定義 SliverGridDelegate 可以生成任意2D排列的子代，包括未對齊或重疊的排列。

要創(chuàng)建具有大量（或無限）個子節(jié)點的網(wǎng)格，請將 GridView.builder 構造函數(shù)與gridDelegate 的 SliverGridDelegateWithFixedCrossAxisCount 或 SliverGridDelegateWithMaxCrossAxisExtent 一起使用。

要使用自定義SliverChildDelegate ，請使用 GridView.custom。

要創(chuàng)建線性數(shù)組的子代，請使用 ListView。

若要控制滾動視圖的初始滾動偏移，請為控制器 controller 提供其ScrollController.initialScrollOffset 屬性集。

轉換到CustomScrollView

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

如果GridView不再足夠，例如因為滾動視圖既有網(wǎng)格又有列表，或者因為網(wǎng)格要與 SliverAppBar 等組合在一起，直接將代碼從使用 GridView 移植到 CustomScrollView 直接使用。

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

GridView上 的 childrenDelegate 屬性對應于 SliverGrid.delegate 屬性，GridView上 的 gridDelegate 屬性對應于 SliverGrid.gridDelegate 屬性。

GridView，GridView.count和GridView.extent構造函數(shù)的子參數(shù)對應于 GridView 中 childrenDelegate 是具有相同參數(shù)的 SliverChildListDelegate。

GridView.builder 構造函數(shù)的 itemBuilder 和 childCount 參數(shù)對應于 GridView 中的 childrenDelegate，它們是具有匹配參數(shù)的 SliverChildBuilderDelegate

GridView.count 和 GridView.extent 構造函數(shù)創(chuàng)建自定義網(wǎng)格委托，并在 SliverGrid上 具有等效命名的構造函數(shù)以簡化轉換：分別為 SliverGrid.count 和 SliverGrid.extent。

padding 屬性對應于在 CustomScrollView.slivers 屬性中使用 SliverPadding 而不是網(wǎng)格本身，并且讓 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用創(chuàng)建自定義滾動效果。
• SliverGridDelegateWithFixedCrossAxisCount，它創(chuàng)建一個在橫軸上具有固定數(shù)量的 網(wǎng)格塊 的布局。
• SliverGridDelegateWithMaxCrossAxisExtent，用于創(chuàng)建具有最大橫軸范圍的 網(wǎng)格塊 的布局。
• ScrollNotification 和 NotificationListener，可用于在不使用 ScrollController 的情況下查看滾動位置。

構造函數(shù)

使用自定義SliverGridDelegate創(chuàng)建可滾動的2D小部件數(shù)組
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 })

創(chuàng)建 按需創(chuàng)建的可滾動的2D小部件數(shù)組
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 })

創(chuàng)建一個可滾動的2D小部件數(shù)組，在橫軸上具有固定數(shù)量的網(wǎng)格塊
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創(chuàng)建可滾動的2D小部件數(shù)組
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 })

使用每個都具有最大橫軸范圍的 網(wǎng)格塊 創(chuàng)建可滾動的2D小部件數(shù)組。
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 })

屬性

方法