Flutter Widgets Catalog

（WIP）

计划

1、使用Flutter开发一个全平台的Flutter Widgets Catalog APP，并且开源。在这个APP中可以通过图形化的方式查看所有Widgets的介绍，示例，视频教程。

2、所有文档内容由前一天从flutter.dev官网爬取，保持和官网同步。

3、每一个Widget都录制一个视频教程。

关注进展

• 掘金（大帅老猿）
• 哔哩哔哩（大帅老猿）
• 微信公众号（大帅老猿）

使用说明

1. 安装好Flutter环境，查看教程
2. clone本项目到本地
   1. cd FlutterWigetsCatalog/app
   2. flutter create .
   3. flutter run
3. 要运行nodejs爬虫，你需要npm install一下

Widgets列表 （共173个）

视频教程地址：https://www.bilibili.com/video/BV1rz4y117D6/

代码示例	官方视频	示例视频	Widget名称
√	√	√	AbsorbPointer
√	√	√	AlertDialog
√	√		Align
√			AnimatedAlign
√	√		AnimatedBuilder
√			AnimatedContainer
√	√		AnimatedCrossFade
√			AnimatedDefaultTextStyle
√			AnimatedListState
√			AnimatedModalBarrier
√	√		AnimatedOpacity
√			AnimatedPhysicalModel
√	√		AnimatedPositioned
			AnimatedSize
	√		AnimatedWidget
			AnimatedWidgetBaseState
			Appbar
	√		AspectRatio
			AssetBundle
			Autocomplete
			BackdropFilter
			Baseline
			BottomNavigationBar
			BottomSheet
			Card
			Center
			Checkbox
			Chip
	√		CircularProgressIndicator
	√		ClipOval
	√		ClipPath
	√		ClipRect
			Column
	√		ConstrainedBox
	√		Container
	√		CupertinoActionSheet
	√		CupertinoActivityIndicator
			CupertinoAlertDialog
			CupertinoButton
			CupertinoContextMenu
			CupertinoDatePicker
			CupertinoDialog
			CupertinoDialogAction
			CupertinoFullscreenDialogTransition
			CupertinoNavigationBar
			CupertinoPageScaffold
			CupertinoPageTransition
			CupertinoPicker
			CupertinoPopupSurface
			CupertinoScrollbar
			CupertinoSearchTextField
			CupertinoSegmentedControl
			CupertinoSlider
			CupertinoSlidingSegmentedControl
			CupertinoSliverNavigationBar
			CupertinoSwitch
			CupertinoTabBar
			CupertinoTabScaffold
			CupertinoTabView
			CupertinoTextField
			CupertinoTimerPicker
			CustomMultiChildLayout
	√		CustomPaint
			CustomScrollView
			CustomSingleChildLayout
	√		DataTable
			Date & Time Pickers
			DecoratedBox
			DecoratedBoxTransition
			DefaultTextStyle
	√		Dismissible
	√		Divider
			DragTarget
	√		Draggable
	√		DraggableScrollableSheet
	√		Drawer
			DropdownButton
			ElevatedButton
			ExcludeSemantics
			Expanded
	√		ExpansionPanel
			FadeTransition
	√		FittedBox
			FloatingActionButton
			Flow
	√		FlutterLogo
			Form
			FormField
			FractionalTranslation
	√		FractionallySizedBox
			FutureBuilder
			GestureDetector
	√		GridView
	√		Hero
			Icon
			IconButton
	√		IgnorePointer
	√		Image
	√		IndexedStack
	√		InteractiveViewer
			IntrinsicHeight
			IntrinsicWidth
	√		LayoutBuilder
	√		LimitedBox
	√		LinearProgressIndicator
			ListBody
	√		ListTile
	√		ListView
			LongPressDraggable
			MaterialApp
	√		MediaQuery
			MergeSemantics
			Navigator
			NestedScrollView
	√		NotificationListener
			Offstage
			Opacity
			OutlinedButton
			OverflowBox
	√		Padding
			PageView
	√		Placeholder
			PopupMenuButton
			PositionedTransition
			Radio
			RawImage
			RawKeyboardListener
			RefreshIndicator
	√		ReorderableListView
	√		RichText
	√		RotatedBox
			RotationTransition
			Row
			Scaffold
			ScaleTransition
			ScrollConfiguration
			Scrollable
	√		Scrollbar
	√		Semantics
			SimpleDialog
			SingleChildScrollView
			SizeTransition
	√		SizedBox
			SizedOverflowBox
			SlideTransition
	√		Slider
	√		SliverAppBar
			SliverChildBuilderDelegate
			SliverChildListDelegate
			SliverFixedExtentList
			SliverGrid
			SliverList
			SliverPadding
			SliverPersistentHeader
			SliverToBoxAdapter
	√		SnackBar
	√		Stack
			Stepper
			StreamBuilder
			Switch
			TabBar
			TabBarView
			TabController
			TabPageSelector
			Table
			Text
			TextButton
			TextField
			Theme
	√		Tooltip
	√		Transform
			WidgetsApp
			Wrap

关注我，一起学习Flutter吧