Flutter 样板房
文章平均质量分 53
Flutter 模版代码
zeqiao
彷徨之人 弱不禁风
展开
-
Flutter 组件使用:使用 Stack 替代 GlobalKey 的定位 tip-widget 实现
但是,如果使用 Stack 的 Clip.none 特性后,Stack 包裹的内容可超范围绘制显示,这时,体现在 Column 的绘制顺序的话,顺序靠后的子 widget 就会覆盖顺序靠前的子 widget 的超范围绘制的内容;所以,在 Column 中如果 tip-widget 是向上展示的,一般能正常展示,但是,如果 tip-widget 是向下展示的,就会有覆盖的问题。以上提到的问题,不仅实现上“费时费力”,还会使相关功能代码分散、不相关功能代码耦合,造成代码维护及迭代上的难度;原创 2023-05-02 13:27:04 · 910 阅读 · 0 评论 -
Flutter 组件抽取:懒加载的 PageViewer(LazyPager)
PageViewer 的一种实现,对页面进行懒加载。原创 2023-05-01 17:01:25 · 690 阅读 · 0 评论 -
Flutter 组件抽取:可滑动的 TabBar(ScrollTabBar)
可滑动的 TabBar。原创 2023-05-01 16:36:44 · 995 阅读 · 2 评论 -
Flutter 组件抽取:分页加载列表控件(LoadListView)
分页加载功能抽取,下拉刷新列表,上拉加载更多。原创 2023-05-01 16:19:24 · 1223 阅读 · 2 评论 -
Flutter 组件抽取:日期(DatePicker)、时间(TimePicker)弹窗选择器【仿照】
仿照《Flutter 仿ios自定义一个DatePicker》实行的日期弹窗选择器(DatePicker)、时间弹窗选择器(TimePicker)原创 2023-05-01 17:37:59 · 2064 阅读 · 2 评论 -
Flutter 组件抽取:自适应每行最高 item 高度的 GridView(OptionGridView)
自适应每行最高 item 高度的 GridView,多用于多入口选项,且选项高度会因选项 tag 的不同而不断变化的场景。原创 2023-05-01 17:09:28 · 2860 阅读 · 0 评论 -
Flutter 组件抽取:懒加载的 IndexedStack(LazyIndexedStack)
懒加载的 IndexedStack,切换时才初始化对应子项,避免 IndexedStack 预初始化带来的无谓消耗。原创 2023-05-01 16:47:04 · 1071 阅读 · 0 评论 -
Flutter 组件抽取:验证码输入功能(CodeInputContainer)
验证码输入框,可选需要输入的验证码个数,输入达指定个数后自动回调。原创 2023-05-01 17:28:58 · 1324 阅读 · 0 评论 -
Flutter 组件抽取:通用页面 State 抽取(BasePageState)
通用页面 State 抽取,统一了 AppBar 的样式及基本交互,可对用 StatefulWidget / State 类型实现的页面的其他通用交互进行统一定义及维护。原创 2023-05-01 17:21:36 · 373 阅读 · 0 评论 -
Flutter 使用 LongPressDraggable + DragTarget 实现长按编辑拖动交换位置效果
需要实现的效果:1、可滑动列表(GridView)2、对列表项目进行拖动交换位置(Draggable + DragTarget)3、拖动时列表根据拖动位置进行上下自动滑动控制(ScrollController)import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';class DragDemoPage extends StatefulWidget { @override _DragDe原创 2020-12-13 15:36:11 · 2059 阅读 · 0 评论