Flutter GridView 组件 以及动态 GridView

最新推荐文章于 2023-07-29 19:27:48 发布
最新推荐文章于 2023-07-29 19:27:48 发布
阅读量227 收藏
点赞数
分类专栏： # Flutter 文章标签： flutter android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/manerzi/article/details/128598231
版权
文章介绍了Flutter中的列表组件，重点讲解了GridView用于网格布局的功能。GridView.count和GridView.builder两种方法被详细阐述，前者适用于数据量确定的情况，后者则适合动态加载数据的场景。
摘要由CSDN通过智能技术生成

文章目录

一、 Flutter 列表组件概述

列表布局是我们项目开发中最常用的一种布局方式。Flutter 中我们可以通过 ListView 来定义
列表项，支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。列表有一下
分类：
1、垂直列表
2、垂直图文列表
3、水平列表
4、动态列表
5、矩阵式列表（网格布局）

二、 Flutter GridView 组件的常用参数

当数据量很大的时候用矩阵方式排列比较清晰。此时我们可以用网格列表组件 GridView 实
现布局。
1、可以通过 GridView.count 实现网格布局
2、通过 GridView.builder 实现网格布局
常用属性：
在这里插入图片描述

三、 Flutter GridView.count 实现网格布局

在这里插入图片描述在这里插入图片描述

在这里插入图片描述

四、 Flutter GridView.builder 实现网格布局

在这里插入图片描述
在这里插入图片描述

蔓蔓的学习记录
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flutter中的gridview
zhakesipailuo的博客
04-17 814
gridview在移动应用中的使用非常的广泛，主要用于商品或其他类信息的展示； flutter中的gridview的使用实例如下： 1 创建gridview类 （其中包含两个方法 一个返回card对象 一个返回gridview对象） /** * 创建一个mygridview类 * 创建方法返回单个card对象 * 创建方法返回含有若干card对象的gridview */ class M...
Flutter-GridView
IT技术专栏
08-07 768
// 服务页item Widget _buildGridService() { return Scaffold( appBar: AppBar( elevation: 8.0, //阴影的高度 title: Text('便民服务'), backgroundColor: MyColors.color_red, ce...
Flutter GridView
qq_42572245的博客
06-04 454
GridView.count for循环 class HomeContext extends StatelessWidget { List<Widget> _getData() { List<Widget> list = new List(); for(var i=0;i<20;i++){ list.add(Container( alignment: Alignment.center, child: Text(
Flutter - GridView
a136447572的专栏
12-14 289
GridView 在构建是,有两种方式。GridView 表格类布局。
Flutter GridView组件以及动态GridView
01-07
import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } //自定义组件 //StatelessWidget:无状态组件，状态不可变的widget //StatefulWidget:有状态组件，状态可以改变 //fluter中一切都是组件...
Flutter：GridView组件及动态GridView
weixin_46136019的博客
03-13 1162
我们常用的创建网格列表的方式有两种：1.通过 GridView.count 实现网格布局2.通过 GridView.builder 实现网格布局。
Flutter GridView网格布局
10-05
GridView 是一个网格布局的列组件。GridView 继承至 CustomScrollView，有 CustomScrollView 的特性。
Flutter组件GridView
Android_小菜菜的博客
06-09 674
GridView可以构建一个二维网格列表 属性 gridDelegate 类型是SliverGridDelegate，它的作用是控制GridView子组件如何排列(layout)。 SliverGridDelegate是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。Flutter中提供了两个SliverGridDelegate的子类SliverGridDelegateWithFixedCrossAxisCount和SliverGridDelegateWi
06Flutter GridView
LJLThomson的博客
04-02 129
GridView组件 1. 常用属性 scrollDirection Axis 滚动方法 padding EdgeInsetsGeometry 内边距 reverse boolean 组件反向排序 crossAxisSpacing double 水平子Widget之间间距 mainAxisSpacing double 垂直子Widget之间间距 crossAxisCount int 一行的Widget数量 childAspectRatio double 子Widget宽高
Flutter学习之GridView
ayang818 's blog
02-25 266
方案1 import 'package:flutter/material.dart'; void main () =&amp;gt; runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context ){ return MaterialApp( ...
flutter学习之GridView
隔壁小王的博客
11-22 1226
GridView Gridview可以实现多维网格布局，最主要的属性gridDelegate， 类型是SliverGridDelegate，它的作用是控制GridView子组件如何排列。如果不设置此属性，则必然报错 SliverGridDelegate是一个抽象类，Flutter中提供了两个SliverGridDelegate的子类SliverGridDelegateWithFixedCrossA...
Flutter 基础组件之 GridView
禽兽先生不禽兽
12-26 3123
GridView 虽不及 ListView 用得多，但是 ListView 如果是纵向滚动的，那么在一行上一般算作一个 Item，如果是横向滚动，那么一在一列上一般算作一个 Item，如果需要一行展示多个 Item 但是又需要纵向滚动的话，就需要 GridView 了，在一些特定的情景，如展示图片的时候效果比 ListView 更棒，所以这也是个很重要的组件。 由于 GridView 很多属性跟...
flutter 实战 之 GridView
最新发布
wniuniu_的博客
07-29 2676
如何利用 GridView.
Flutter网格控件GridView
热门推荐
喻志强的博客
02-28 1万+
Flutter GridView用法详解。Flutter GridView异步加载
7. Flutter——GridView组件
qq_38556217的博客
10-30 151
GridView 组件的常用参数 当数据量很大的时候用矩阵方式排列比较清晰。此时我们可以用网格列表组件 GridView 实 现布局。 常用属性: | 名称 | 类型 | 说明 | |–|--| – | |scrollDirection |Axis | 滚动| |padding |EdgeInsetsGeometry | 内边距| |resolve |bool| 组件反向序列化| |crossAxisSpacing |double | 水平子 Widget 之间间距 | |main
Flutter控件——常用控件：GridView
wzj_what_why_how的博客
06-15 461
网格列表组件 GridView
Flutter基础篇（二十五）—— GridView
一个写代码的废物
10-24 724
GridView GridView 用于构建一个二维网格列表，定义： GridView({ Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController controller, bool primary, ScrollPhysics physics, bool shrinkWrap ...
Flutter_16_GridView
m0_49349981的博客
08-21 459
GridView(网格布局) children(子组件) scrollDirection (滚动方向) gridDelegate sliverGridDelegateWithFixedCrossAxisCount(指定列数-子组件宽度自适应) sliverGridDelegateWithFixedCrossAxisExtent(指定子组件-列数自适应) GridView.count(列数固定) Girdbuilder(动态网格布局) 列数(固定)：crossAxisCount:2 格宽：c.
flutter gridview 高度
06-10
Flutter GridView的高度可以使用GridView的构造函数中的`shrinkWrap`和`physics`属性来确定。 `shrinkWrap`属性确定GridView是否应该将其内容包装在足够小的高度中，以适应其内容的大小。如果将其设置为true，则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值