flutter

Flutter

该技能基于 Flutter 框架，生成于 2026-01-31。

Flutter 是 Google 的 SDK，用于通过单一代码库为移动端、Web 和桌面端打造美观、快速的用户体验。Flutter 可与现有代码配合使用，被世界各地的开发者和组织采用，并且免费且开源。

Flutter 使用 Dart 作为其编程语言，并遵循基于 widget 的架构，其中一切皆 widget。该框架提供热重载以实现快速开发周期、丰富的 Material Design 和 Cupertino widget 集合，并通过编译代码实现出色性能。

核心参考

主题	描述	参考
Widget 系统	StatelessWidget、StatefulWidget、Widget 生命周期、keys	core-widgets
状态管理	setState、StatefulWidget、ValueNotifier、ChangeNotifier	core-state-management
布局系统	Row、Column、Stack、Flex、约束、尺寸设置	core-layout
BuildContext	Context 用法、InheritedWidget、主题访问	core-build-context
InheritedWidget	沿 widget 树向下共享数据、InheritedWidget 模式	features-inherited-widget

Widget

基础 Widget

主题	描述	参考
文本与样式	Text widget、TextStyle、RichText、TextSpan	widgets-text
图片	Image widget、AssetImage、NetworkImage、ImageProvider	widgets-images
图标	Icon widget、IconData、IconTheme	widgets-icons
按钮	ElevatedButton、TextButton、OutlinedButton、IconButton	widgets-buttons
输入框	TextField、TextFormField、Form、FormField	widgets-input
异步 Widget	FutureBuilder、StreamBuilder、异步操作	widgets-async
ValueListenableBuilder	基于 ValueListenable 变化构建 widget	widgets-value-listenable
PageView	可滑动页面、PageController、页面导航	widgets-pageview
RefreshIndicator	下拉刷新功能	widgets-refresh-indicator
Dismissible	滑动关闭 widget	widgets-dismissible
TabBar 与 Tabs	标签导航、TabController、TabBarView	widgets-tabs
表单与验证	表单验证、验证器、表单处理	features-forms-validation

布局 Widget

主题	描述	参考
Flex 布局	Row、Column、Flex、Flexible、Expanded	layout-flex
Stack 布局	Stack、Positioned、对齐	layout-stack
Container	Container、BoxDecoration、padding、margin	layout-container
列表视图	ListView、ListTile、GridView、Sliver widget	layout-lists
Sliver	CustomScrollView、SliverList、SliverGrid、高级滚动	features-slivers
滚动控制器	以编程方式控制滚动、滚动监听器	features-scroll-controller

功能

导航

主题	描述	参考
Navigator	Navigator.push、Navigator.pop、routes	features-navigation
命名路由	路由配置、onGenerateRoute	features-named-routes
Router	GoRouter、声明式路由	features-router

动画

主题	描述	参考
隐式动画	AnimatedContainer、AnimatedOpacity、AnimatedSize	features-implicit-animations
显式动画	AnimationController、Tween、AnimationBuilder	features-explicit-animations
Hero 动画	Hero widget、共享元素过渡	features-hero-animations

Material Design

主题	描述	参考
Material App	MaterialApp、Theme、ThemeData	features-material-app
Material 组件	AppBar、Scaffold、Drawer、BottomNavigationBar	features-material-components
Material 3	Material 3 设计系统、配色方案	features-material-3

Cupertino (iOS)

主题	描述	参考
Cupertino Widget	iOS 风格 widget、CupertinoApp、CupertinoNavigationBar	features-cupertino

UI 组件

主题	描述	参考
对话框与模态框	AlertDialog、showDialog、showModalBottomSheet	features-dialogs
焦点管理	FocusNode、FocusScope、键盘导航	features-focus

平台集成

主题	描述	参考
平台通道	MethodChannel、EventChannel、原生通信	features-platform-channels
平台视图	AndroidView、UiKitView、嵌入原生视图	features-platform-views
资源与资产	资产管理、pubspec.yaml、资源加载	features-assets
HTTP 与网络	HTTP 请求、API 调用、JSON 解析	features-http
响应式设计	MediaQuery、LayoutBuilder、屏幕适配	features-responsive
Keys	ValueKey、ObjectKey、GlobalKey、何时使用 keys	features-keys
Widget 生命周期	initState、dispose、生命周期管理	features-lifecycle
错误处理	Try-catch、错误 widget、错误边界	features-error-handling
PopScope	处理返回按钮和导航弹出事件	features-pop-scope

进阶

主题	描述	参考
自定义绘制	CustomPainter、Canvas、自定义图形	advanced-custom-paint
手势	GestureDetector、GestureRecognizer、拖放	advanced-gestures
性能	性能优化、const 构造函数、keys	advanced-performance
测试	Widget 测试、集成测试、测试工具	advanced-testing

最佳实践

主题	描述	参考
状态管理	何时使用 setState、状态提升、模式	best-practices-state
性能	优化技巧、const 用法、模式	best-practices-performance