摘要:
TabBarView 是 Material 组件库中提供了 Tab 布局组件,通常和 TabBar 配合使用。 一、TabBarView TabBarView 封装了 PageView,它的构造方法很简单 TabBarView({ Key? key, required this.children, 阅读全文
摘要:
本节将介绍可滚动组件中缓存指定子项的通用方案。 首先回想一下,在介绍 ListView 时,有一个addAutomaticKeepAlives 属性我们并没有介绍,如果addAutomaticKeepAlives 为 true,则 ListView 会为每一个列表项添加一个 AutomaticKee 阅读全文
摘要:
一、PageView 如果要实现页面切换和 Tab 布局,我们可以使用 PageView 组件。需要注意,PageView 是一个非常重要的组件,因为在移动端开发中很常用,比如大多数 App 都包含 Tab 换页效果、图片轮动以及抖音上下滑页切换视频功能等等,这些都可以通过 PageView 轻松实 阅读全文
摘要:
前一篇博客:Flutter可滚动组件(2):ListView基本使用 介绍了 ListView 的基本使用,下面通过一个示例介绍一下 ListView 的各种进阶用法。 一、实现复杂自定义ListView 先看下效果图: 1.1 完成条目的封装 // ignore_for_file: prefer_ 阅读全文
摘要:
在 Flutter 中,GridView 是一个展示数据网格的滚动小部件,类似于表格视图,其中子控件被组织成行和列。它非常适合于展示图像网格、小部件集合等。GridView 同样支持懒加载,这意味着只有当内容进入视口时才会被构建。 一、基本用法 GridView 最基本的用法是包裹一个网格项的集合: 阅读全文
摘要:
一、常见滚定组件 Flutter 提供了多种滚动组件,可以用于处理各种滚动效果。 Sliver 的子组件都能滚动,但并不是所有能滚动的组件都是Sliver子组件。比如,ListView和Grid就不是Sliver子组件。 重要说3遍 ListView和Grid就 不是 Sliver子组件。 List 阅读全文
摘要:
ListView 是一个滚动列表组件,可以在垂直方向上(或水平方向,默认是垂直方向)展示一系列的子组件。一种最简单的使用方式是直接将所有需要排列的子 Widget 放在 ListView 的 children 属性中即可。 一、ListView的构造方法 ListView 有下面三种构造方法: 常规 阅读全文
摘要:
Material 组件库提供了丰富多样的组件,这里介绍一下最常用的 Scaffold 组件,其余的读者可以自行查看文档或 Flutter Gallery 中 Material 组件部分的示例。 注意:Flutter Gallery 是 Flutter 官方提供的 Flutter Demo,源码位于 阅读全文
摘要:
一、Transform的作用 使用 Transform,你可以实现如下功能: 平移:让部件在 x、y 轴上移动指定的距离。平移可以用于创建滑动效果、拖拽操作等。 旋转:让部件进行旋转,旋转角度可以自由设置。旋转可以用于创建旋转动画、改变部件的方向等。 缩放:让部件在 x、y 轴上进行缩放,缩放比例可 阅读全文
摘要:
一、Flutter 的 Clip 类:裁剪部件的使用 在 Flutter 中,Clip 类提供了一种方便的方式来裁剪部件,以实现各种独特的界面效果。Clip 类包含多个子类,如 ClipOval、ClipRect ClipRRect、和 ClipPath,每个子类都提供了不同的裁剪方式和参数。本篇博 阅读全文