⚠️

重要前提

安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →

Flutter 开发指南：从入门到精通，掌握跨平台应用开发核心技术

flutter by hairyf/skills

59 周安装量

9 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/hairyf/skills --skill flutter

开发移动应用 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, constraints, sizing	core-layout
BuildContext	Context 用法, InheritedWidget, theme 访问

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

相关 Skills

find-skills 技能搜索工具 - Vercel Labs 开源智能体技能包管理器

949,000 周安装

Vercel React 最佳实践指南 | 58条Next.js性能优化规则与代码重构

298,500 周安装

Vercel Web界面规范检查工具 - 自动检测代码是否符合Web设计指南

240,000 周安装

agent-browser 浏览器自动化工具 - Vercel Labs 命令行网页操作与测试

169,700 周安装

主题	描述	参考链接
文本与样式	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
异步 Widgets	FutureBuilder, StreamBuilder, async 操作	widgets-async
ValueListenableBuilder	基于 ValueListenable 变化构建 Widgets	widgets-value-listenable
PageView	可滑动页面, PageController, 页面导航	widgets-pageview
RefreshIndicator	下拉刷新功能	widgets-refresh-indicator
Dismissible	滑动删除 Widgets	widgets-dismissible
TabBar & Tabs	Tab 导航, TabController, TabBarView	widgets-tabs
表单与验证	表单验证, validators, 表单处理	features-forms-validation

主题	描述	参考链接
弹性布局	Row, Column, Flex, Flexible, Expanded	layout-flex
堆叠布局	Stack, Positioned, alignment	layout-stack
容器	Container, BoxDecoration, padding, margin	layout-container
列表视图	ListView, ListTile, GridView, Sliver widgets	layout-lists
Slivers	CustomScrollView, SliverList, SliverGrid, 高级滚动	features-slivers
滚动控制器	编程式滚动控制, 滚动监听器	features-scroll-controller

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

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

主题	描述	参考链接
Cupertino Widgets	iOS 风格 Widgets, CupertinoApp, CupertinoNavigationBar	features-cupertino

主题	描述	参考链接
对话框与模态框	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, 错误 Widgets, 错误边界	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

🇺🇸English

Flutter

The skill is based on Flutter framework, generated at 2026-01-31.

Flutter is Google's SDK for crafting beautiful, fast user experiences for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

Flutter uses Dart as its programming language and follows a widget-based architecture where everything is a widget. The framework provides hot reload for fast development cycles, a rich set of Material Design and Cupertino widgets, and excellent performance through compiled code.

Core References

Topic	Description	Reference
Widget System	StatelessWidget, StatefulWidget, Widget lifecycle, keys	core-widgets
State Management	setState, StatefulWidget, ValueNotifier, ChangeNotifier	core-state-management
Layout System	Row, Column, Stack, Flex, constraints, sizing	core-layout
BuildContext	Context usage, InheritedWidget, theme access	core-build-context
InheritedWidget	Sharing data down widget tree, InheritedWidget patterns	features-inherited-widget

Widgets

Basic Widgets

Topic	Description	Reference
Text & Styling	Text widget, TextStyle, RichText, TextSpan	widgets-text
Images	Image widget, AssetImage, NetworkImage, ImageProvider	widgets-images
Icons	Icon widget, IconData, IconTheme	widgets-icons
Buttons	ElevatedButton, TextButton, OutlinedButton, IconButton	widgets-buttons
Input Fields	TextField, TextFormField, Form, FormField	widgets-input
Async Widgets	FutureBuilder, StreamBuilder, async operations

Layout Widgets

Topic	Description	Reference
Flex Layouts	Row, Column, Flex, Flexible, Expanded	layout-flex
Stack Layout	Stack, Positioned, alignment	layout-stack
Container	Container, BoxDecoration, padding, margin	layout-container
List Views	ListView, ListTile, GridView, Sliver widgets	layout-lists
Slivers	CustomScrollView, SliverList, SliverGrid, advanced scrolling	features-slivers
Scroll Controller	Programmatic scroll control, scroll listeners

Features

Navigation

Topic	Description	Reference
Navigator	Navigator.push, Navigator.pop, routes	features-navigation
Named Routes	Route configuration, onGenerateRoute	features-named-routes
Router	GoRouter, declarative routing	features-router

Animations

Topic	Description	Reference
Implicit Animations	AnimatedContainer, AnimatedOpacity, AnimatedSize	features-implicit-animations
Explicit Animations	AnimationController, Tween, AnimationBuilder	features-explicit-animations
Hero Animations	Hero widget, shared element transitions	features-hero-animations

Material Design

Topic	Description	Reference
Material App	MaterialApp, Theme, ThemeData	features-material-app
Material Components	AppBar, Scaffold, Drawer, BottomNavigationBar	features-material-components
Material 3	Material 3 design system, color schemes	features-material-3

Cupertino (iOS)

Topic	Description	Reference
Cupertino Widgets	iOS-style widgets, CupertinoApp, CupertinoNavigationBar	features-cupertino

UI Components

Topic	Description	Reference
Dialogs & Modals	AlertDialog, showDialog, showModalBottomSheet	features-dialogs
Focus Management	FocusNode, FocusScope, keyboard navigation	features-focus

Platform Integration

Topic	Description	Reference
Platform Channels	MethodChannel, EventChannel, native communication	features-platform-channels
Platform Views	AndroidView, UiKitView, embedding native views	features-platform-views
Assets & Resources	Asset management, pubspec.yaml, asset loading	features-assets
HTTP & Networking	HTTP requests, API calls, JSON parsing	features-http
Responsive Design	MediaQuery, LayoutBuilder, screen adaptation	features-responsive
Keys	ValueKey, ObjectKey, GlobalKey, when to use keys

Advanced

Topic	Description	Reference
Custom Paint	CustomPainter, Canvas, custom graphics	advanced-custom-paint
Gestures	GestureDetector, GestureRecognizer, drag and drop	advanced-gestures
Performance	Performance optimization, const constructors, keys	advanced-performance
Testing	Widget testing, integration testing, test utilities	advanced-testing

Best Practices

Topic	Description	Reference
State Management	When to use setState, state lifting, patterns	best-practices-state
Performance	Optimization techniques, const usage, patterns	best-practices-performance

Weekly Installs

Repository

hairyf/skills

GitHub Stars

First Seen

Feb 2, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

opencode58

cursor57

gemini-cli54

codex53

github-copilot52

amp49

Flutter 开发指南：从入门到精通，掌握跨平台应用开发核心技术

🇨🇳中文介绍

Flutter

核心参考

相关 Skills

Widgets

基础 Widgets

布局 Widgets

功能特性

导航

动画

Material Design

Cupertino (iOS)

UI 组件

平台集成

高级主题

最佳实践

🇺🇸English

Flutter

Core References

Widgets

Basic Widgets

Layout Widgets

Features

Navigation

Animations

Material Design

Cupertino (iOS)

UI Components

Platform Integration

Advanced

Best Practices

最新 Skills