
Flutter
a136447572
这个作者很懒,什么都没留下…
展开
-
Flutter - PageView(2)页面缓存
2 子Flutter中 提供了一个 AutomaticKeepAliveClientMixin ,我们只需要让 PageState 混入这个 mixin,且同时添加一些必要操作即可实现缓存的功能。1 在使用PageView的时候 我可以发现,直接使用没有缓存的功能,通常是滑动到当前页就加载当前页,划走后就立马销毁。4 创建完5个页面有 没有再次创建,也没有销毁任何页面。1 运行应用 执行yellow 页面和 red页面。3 创建 green页面 且没有销毁任何页面。混入后有几个关键点,需要处理一下。原创 2022-12-16 14:52:27 · 1257 阅读 · 1 评论 -
Flutter - PageView(1) 基本用法
需要注意,PageView 是一个非常重要的组件,因为在移动端开发中很常用,比如大多数 App 都包含 Tab 换页效果、图片轮动以及抖音上下滑页切换视频功能等等,这些都可以通过 PageView 轻松实现。1 下面日志打印的是 allowImplicitScrolling = false 的情况。2.3 滑动到第三个green界面时 创建了 blue 界面 且销毁了yellow 界面。2.2 滑动到第二个界面是 创建了 green 界面 ,并且没有销毁 yellow 界面。原创 2022-12-16 11:49:13 · 1115 阅读 · 0 评论 -
Flutter - GridView
GridView 在构建是,有两种方式。GridView 表格类布局。原创 2022-12-14 17:19:24 · 388 阅读 · 0 评论 -
Flutter - ScrollController 滚动监听及控制
父级组件可以通过NotificationListener组件来监听自己关注的通知,这种通信方式类似于Web开发中浏览器的事件冒泡,可滚动组件在滚动时会发送ScrollNotification类型的通知,ScrollBar正是通过监听滚动通知来实现的。NotificationListener在收到滚动事件时,通知中会携带当前滚动位置和ViewPort的一些信息,而ScrollController只能获取当前滚动位置。列表滑动大于1500 之后 显示返回顶部按钮。数据不够是 可点击按钮 "点击1"添加数据。原创 2022-12-14 12:34:21 · 2456 阅读 · 0 评论 -
Flutter - ListView
ListView.separated可以在生成的列表项之间添加一个分割组件,它比ListView.builder多了一个separatorBuilder参数,该参数是一个分割组件生成器。给列表指定 itemExtent 或 prototypeItem 会有更高的性能,所以当我们知道列表项的高度都相同时,强烈建议指定 itemExtent 或 prototypeItem。ListView是最常用的可滚动组件之一,它可以沿一个方向线性排布所有子组件,并且它也支持列表项懒加载(在需要时才会创建)。原创 2022-12-14 12:06:42 · 233 阅读 · 0 评论 -
Flutter - SingleChildScrollView
SingleChildScrollView类似于Android中的ScrollView,它只能接收一个子组件。原创 2022-12-13 16:30:31 · 1052 阅读 · 0 评论 -
Flutter (Material) - Scaffold
一个完整的路由页可能会包含导航栏、抽屉菜单(Drawer)以及底部 Tab 导航菜单等。如果每个路由页面都需要开发者自己手动去实现这些,这会是一件非常麻烦且无聊的事。幸运的是,Flutter Material 组件库提供了一些现成的组件来减少我们的开发任务。Scaffold 是一个路由页的骨架,我们使用它可以很容易地拼装出一个完整的页面。上面这两个字段的返回是Widget 但一般与Drawer 关联使用。属性有很多 主要用到属性有下面这几个。原创 2022-12-13 10:12:23 · 578 阅读 · 0 评论 -
Flutter -Clip裁剪
Flutter中提供了一些剪裁组件,用于对组件进行剪裁。原创 2022-12-12 14:27:38 · 421 阅读 · 0 评论 -
Flutter - Container 组合类容器
它是DecoratedBox、ConstrainedBox、Transform、Padding、Align等组件组合的一个多功能容器,所以我们只需通过一个Container组件可以实现同时需要装饰、变换、限制的场景原创 2022-12-12 12:22:19 · 247 阅读 · 0 评论 -
Flutter - DecoratedBox(装饰容器)及内部控件使用详解
DecoratedBox. 可以在其子组件绘制前(或后)绘制一些装饰(Decoration),如背景、边框、渐变等原创 2022-12-10 15:59:55 · 897 阅读 · 0 评论 -
Flutter - Padding
Padding可以给其子节点添加填充(留白),和边距效果类似 在定义中,必需传一个 padding 的规则 在 使用 EdgeInsetsGeometry 时 我们通常会使用 他的子类 EdgeIns原创 2022-12-10 10:37:52 · 531 阅读 · 0 评论 -
Flutter - AlignmentGeometry :Alignment 和 FractionalOffset
AlignmentGeometry 是一个抽象类,它有两个常用的子类:Alignment和 FractionalOffset原创 2022-12-10 09:39:26 · 808 阅读 · 0 评论 -
Flutter - Align 对齐与相对定位
只想简单的调整一个子元素在父元素中的位置的话,使用Align组件会更简单一些原创 2022-12-09 17:59:30 · 367 阅读 · 0 评论 -
Flutter - Stack 与 Positioned 层叠布局
1 层叠布局和 Web 中的绝对定位、Android 中的 Frame 布局是相似的2 子组件可以根据距父容器四个角的位置来确定自身的位置。3 层叠布局允许子组件按照代码中声明的顺序堆叠起来。4 Flutter中使用Stack和Positioned这两个组件来配合实现绝对定位。5 Stack允许子组件堆叠,而Positioned用于根据Stack的四个角来确定子组件的位置。原创 2022-12-09 17:18:25 · 1071 阅读 · 0 评论 -
Flutter - Wrap 流式布局
Wrap 总的来说 ,使用起来比较方便 ,主要的功能,我理解的就是自动换行,行内空间的位置不够时 可以自动换行,显示原创 2022-12-09 16:21:53 · 558 阅读 · 0 评论 -
Flutter - Flex ,Expanded ,Spacer
Flex 类似 Android 中的 LinearLayout ,可以横着排列,也可以竖着排排列方式通过 direction 来决定原创 2022-12-09 15:43:03 · 206 阅读 · 0 评论 -
Flutter - 布局原理与约束(constraints)
尺寸限制类容器用于限制容器大小,Flutter中提供了多种这样的容器,如ConstrainedBox、SizedBox、UnconstrainedBox、AspectRatio原创 2022-12-09 14:16:04 · 1609 阅读 · 0 评论 -
Flutter - TextField
TextField用于文本输入原创 2022-12-08 16:16:59 · 1401 阅读 · 0 评论 -
Flutter - Switch , CheckBox
Material 组件库中提供了 Material 风格的单选开关Switch和复选框Checkbox原创 2022-12-08 10:39:55 · 258 阅读 · 0 评论 -
Flutter - Image
Flutter 中,我们可以通过Image组件来加载并显示图片,Image的数据源可以是asset、文件、内存以及网络。原创 2022-12-08 09:43:28 · 579 阅读 · 0 评论 -
Flutter - Button样式及参数
Material 组件库中提供了多种按钮组件如`ElevatedButton`、`TextButton`、`OutlineButton`等,它们都是集成于ButtonStyleButton原创 2022-12-07 17:45:48 · 3924 阅读 · 0 评论 -
Flutter - 线性布局 Row , Column
Flutter - 线性布局 Row , Column原创 2022-12-07 10:26:26 · 385 阅读 · 0 评论 -
Flutter - 文本及样式 Text , TextStyle , DefaultTextStyle ,TextSpan
Flutter - 文本及样式 Text , TextStyle , DefaultTextStyle ,TextSpan原创 2022-12-07 10:23:54 · 392 阅读 · 0 评论 -
Git 的下载与安装
Git 下载与安装转载 2022-12-06 23:41:33 · 369 阅读 · 0 评论 -
Flutter 之 Dart语言知识点七 混入with
Flutter 之 Dart语言知识点七 混入with原创 2022-05-17 11:49:45 · 419 阅读 · 0 评论 -
Flutter 之 Dart语言知识点六 类的继承,实现,与Call方法
Flutter 之 Dart语言知识点六 类的继承,实现,与Call方法原创 2022-05-17 11:38:57 · 698 阅读 · 0 评论 -
Flutter 之 Dart语言知识点五 运算符重载
Flutter 之 Dart语言知识点五 运算符重载原创 2022-05-17 11:23:22 · 432 阅读 · 0 评论 -
Flutter 之 Dart语言知识点四 类
Flutter 之 Dart语言知识点四 类原创 2022-05-13 18:02:20 · 228 阅读 · 0 评论 -
Flutter 之 Dart语言知识点三异常
void test(){ throw new Exception("111");}void main(){ try{ test(); }catch(e,s){ // e 就是抛出的异常 print(e); // s 是StackTrace 调用栈信息 print(s); }}Exception: 111#0 test (package:myflutter01/%E5%BC%82%E5%B8%B8.dart:5:3)#1原创 2022-05-13 17:12:40 · 166 阅读 · 0 评论 -
Flutter 之 Dart语言知识点二 方法
Flutter 之 Dart语言知识点二 方法原创 2022-05-13 16:58:49 · 134 阅读 · 0 评论 -
Flutter 之 Dart语言知识点一基础类型
变量 Object var dynamic final const 内置类型 (都是对象) 数值类型 num int (编译到不同平台,占用大小不一样) double 字符串类型 String int num =2 ; String a = "sda${num}sda"; String b = "sda$num阿萨德"; String c = "'test'"; String d = '"test"'; 布尔类型 bool 类型 ...原创 2022-05-13 16:23:43 · 178 阅读 · 0 评论