Flutter 中的网格视图
2023-04-10 本文已影响0人
iCloudEnd
![](https://img.haomeiwen.com/i41085/13ee9710d6edda9b.png)
Flutter 提供了广泛的小部件来创建不同类型的 UI。今天我们将看到如何构建一个GridView.gridview flutter 为我们提供了一个 widget 调用GridView,用于创建可滚动的 widget 网格。
Flutter 中的 GridView 类型
Flutter 根据网格项的布局方式提供了三种类型的 GridView:
GridView.count:这种类型的 GridView 创建一个可滚动的网格,每行或每列的项目数是固定的。您可以指定横轴项目的数量(垂直滚动的行中的项目或水平滚动的列中的项目)并自定义它们的纵横比。
GridView.builder:这种类型的 GridView 可以有效地创建一个包含大量项目的可滚动网格。它使用构建器函数在用户滚动时按需创建和填充网格项,这使其适合显示大量数据。
GridView.extent:这种类型的 GridView 创建一个可滚动的网格,其中的项目在主轴上具有固定范围(宽度或高度)。您可以指定项目的范围并自定义它们的纵横比。
GridView 基础知识
该GridView小部件将小部件列表作为其子项并将它们显示在网格中。该GridView小部件有几个属性可用于自定义网格的外观和行为。其中一些属性是: