📱 Flutter 开源组件·深度改造
🎯 30章 源码级
🧩 从 StatelessWidget 到自定义组件
📚 共 30 个模块 · 点击卡片跳转
01
Flutter 组件体系总览
StatelessWidget → StatefulWidget · 组件树与渲染流水线
➔
02
Container 深度剖析
源码解读、布局行为、约束模型与性能优化
➔
03
Row 与 Column 弹性布局
Flex因子、MainAxisSize、CrossAxisAlignment底层逻辑
➔
04
Stack 与 Positioned
层叠布局坐标系、溢出处理与实战技巧
➔
05
ListView 虚拟化原理
ItemBuilder、缓存池、滑动监听与性能调优
➔
06
GridView 网格布局
SliverGridDelegate、跨平台适配与自定义布局
➔
07
SingleChildScrollView 与 NestedScrollView
滚动冲突解决与嵌套滚动机制
➔
08
TextField 输入框
控制器、焦点管理、输入格式化与自定义键盘
➔
09
GestureDetector 手势系统
手势识别、冲突处理与自定义手势
➔
10
InkWell 与 Material 水波纹
点击反馈、涟漪动画与无障碍支持
➔
11
AnimatedContainer 与隐式动画
动画原理、曲线控制与性能考量
➔
12
Hero 动画
共享元素过渡、页面路由动画与复杂场景适配
➔
13
CustomPaint 与 Canvas
自定义绘制、路径动画与性能优化
➔
14
Transform 变换
矩阵变换、3D效果与交互式动画
➔
15
Clip 裁剪家族
ClipRect、ClipRRect、ClipPath 裁剪原理与性能
➔
16
Opacity 与 FadeTransition
透明度动画、性能陷阱与替代方案
➔
17
Align 与 Center
对齐模型、FractionalOffset 与布局约束
➔
18
Padding 与 EdgeInsets
内边距源码实现与响应式设计
➔
19
SizedBox 与 ConstrainedBox
尺寸约束、最小/最大宽高的底层逻辑
➔
20
Expanded 与 Flexible
弹性布局权重分配与溢出处理
➔
21
AspectRatio 与 FractionallySizedBox
比例布局与百分比布局
➔
22
LimitedBox 与 OverflowBox
溢出控制与自定义约束
➔
23
IndexedStack 与 PageView
页面切换、状态保持与懒加载
➔
24
TabBar 与 TabBarView
选项卡导航、联动逻辑与自定义样式
➔
25
BottomNavigationBar 与 NavigationRail
底部导航与侧边导航的适配
➔
26
Drawer 与 EndDrawer
抽屉菜单、手势交互与内容定制
➔
27
SnackBar 与 BottomSheet
轻量提示与底部弹窗的设计模式
➔
28
Dialog 与 AlertDialog
模态对话框、自定义弹窗与动画
➔
29
Tooltip 与 MaterialBanner
提示信息与横幅通知的实现
➔
30
综合实战：改造开源组件库
从源码分析到自定义组件发布
➔