Lemo_wd - 博客园

flutter 效果实现 —— 组件自由移动与大小调整

摘要：示例： class DynamicBoxPage extends StatelessWidget { const DynamicBoxPage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { 阅读全文

posted @ 2022-09-29 09:29 Lemo_wd 阅读(497) 评论(0) 推荐(0) 编辑

flutter 效果实现 —— 键盘快捷键绑定

摘要：对于快捷键绑定回调大致有三种方式，第一种是使用 CallbackShortcuts；第二种是使用 Focus 的 onKey 回调，参考前一篇文章中的 Key Events 的示例1；第三种就是下面所介绍的。效果：代码： class ShortcutPage extends StatefulWi 阅读全文

posted @ 2022-09-21 00:38 Lemo_wd 阅读(589) 评论(0) 推荐(0) 编辑

flutter 基础 —— Focus 组件的使用

摘要： Focus 组件 class HomePage extends StatefulWidget { const HomePage({Key? key}) : super(key: key); @override State<HomePage> createState() => _HomePageSta 阅读全文

posted @ 2022-09-20 11:25 Lemo_wd 阅读(558) 评论(0) 推荐(0) 编辑

flutter 效果实现 —— 去除水波纹效果

摘要：修改主题 theme: ThemeData( splashColor: Colors.transparent, highlightColor: Colors.transparent, splashFactory: NoSplash.splashFactory, ), 或者修改单个 ElevatedB 阅读全文

posted @ 2022-09-18 21:59 Lemo_wd 阅读(1124) 评论(0) 推荐(0) 编辑

dart 基础知识查漏补缺

摘要：一、基础类型 1. late 关键字有两种用法：第一种是告知编译器该变量在使用前会执行初始化。因为 dart 编译器要求非空变量必须在初始化后才能使用： late String description; void main() { description = 'Feijoada!'; print 阅读全文

posted @ 2022-09-15 11:38 Lemo_wd 阅读(136) 评论(0) 推荐(0) 编辑

flutter 效果实现 —— 可拖拽 GridView

摘要：效果：代码： class GridDragView extends StatefulWidget { const GridDragView({Key? key}) : super(key: key); @override State<GridDragView> createState() => _ 阅读全文

posted @ 2022-09-05 22:38 Lemo_wd 阅读(1002) 评论(0) 推荐(0) 编辑

flutter 效果实现 —— 全局点击空白处隐藏键盘

摘要：为什么要实现点击空白处隐藏键盘？因为这是 iOS 平台的默认行为，Android 平台由于其弹出的键盘右上角默认带有关闭键盘的按钮，所以点击空白处不会隐藏键盘。单个页面，可以这样做： class DismissKeyboardPage extends StatelessWidget { final 阅读全文

posted @ 2022-08-21 14:10 Lemo_wd 阅读(574) 评论(0) 推荐(0) 编辑

flutter 效果实现 —— sliver 固定

摘要：效果：说明：绿色块在向上滑动，距离顶部 103 的高度（即 AppBar 下面）时固定注：示例4 有官方组件 PinnedHeaderSliver（ flutter 3.4）示例 1：解决问题的关键是修正 paintOffset，以使最终的 offset 在 pinned 位置固定不变。缺点阅读全文

posted @ 2022-08-19 18:08 Lemo_wd 阅读(1189) 评论(0) 推荐(0) 编辑

flutter 杂项 —— Stateful 与 Stateless 的更新

摘要：一、使用 StatefulBuilder 单独更新某个组件的状态示例： await showDialog<void>( context: context, builder: (BuildContext context) { int? selectedRadio = 0; return AlertD 阅读全文

posted @ 2022-08-17 21:54 Lemo_wd 阅读(342) 评论(0) 推荐(0) 编辑

flutter —— 布局原理与约束（Sliver 布局）

摘要：布局模型 RenderBox 布局，移步 flutter —— 布局原理与约束 Sliver 的布局流程如下： Viewport 将当前布局和配置信息通过 SliverConstraints 传递给 Sliver。 Sliver 确定自身的位置、绘制等信息，保存在 geometry 中（一个 Sli 阅读全文

posted @ 2022-08-16 21:38 Lemo_wd 阅读(1265) 评论(0) 推荐(1) 编辑