Flutter widget目錄

這是個Flutter教學系列的文章，會從Flutter基礎入門開始講解，帶領大家從零開始學習Flutter，從基礎組件一個一個的過，可以保證每個沒有Flutter開發基礎的同學看完都能快速上手，並且對基礎知識一一講解，打好基礎，對於有經驗的同學也可以更好的紮實基礎功。過完基礎後也就算是Flutter入門了，後期還會有進階教程，深入教程。在這個過程中也希望大家能提出寶貴意見，指出文章中的不完善，謝謝！

Github源代碼（持續更新中）

教學講解

Flutter（1）：Flutter Mac/Flutter Windows 下載安裝，環境搭建

Flutter（2）：創建一個Flutter App

Flutter（3）：新建一個簡單頁面並實現路由跳轉

Flutter（4）：基礎組件之Container

Flutter（5）：基礎組件之Row/Column

Flutter（6）：基礎組件之Image

Flutter（7）：基礎組件之Text

Flutter（8）：基礎組件之Icon

Flutter（9）：基礎組件之Button

Flutter（10）：基礎組件之Scaffold

Flutter（11）：基礎組件之AppBar

Flutter（12）：基礎組件之FlutterLogo、Placeholder

Flutter（13）：Material組件之TabBar

Flutter（14）：Material組件之TabBarView

Flutter（15）：Material組件之BottomNavigationBar

Flutter（16）：Material組件之PageView

Flutter（17）：Material組件之Button，MaterialApp，Drawer

Flutter（18）：Material組件之TextField

Flutter（19）：Material組件之Checkbox/CheckboxListTile

Flutter（20）：Material組件之Radio/RadioListTile

Flutter（21）：Material組件之Switch/SwitchListTile

Flutter（22）：Material組件之Slider

Flutter（23）：Material組件之Date & Time Pickers

Flutter（24）：Material組件之SimpleDialog

Flutter（25）：Material組件之AlertDialog

Flutter（26）：Material組件之BottomSheet

Flutter（27）：Material組件之SnackBar

Flutter（28）：Material組件之Tooltip

Flutter（29）：Material組件之Card

Flutter（30）：Material組件之DataTable

Flutter（31）：Material組件之LinearProgressIndicator/CircularProgressIndicator

Flutter（32）：Material組件之Chip

Flutter（33）：Material組件之ListTile、RefreshIndicator、ListView、Divider

Flutter（34）：Material組件之ExpansionPanelList、ExpansionPanel、ExpansionPanelRadio、ExpansionTile

Flutter（35）：Material組件之Stepper

Flutter（36）：Cupertino組件之CupertinoActivityIndicator

Flutter（37）：Cupertino組件之CupertinoAlertDialog

Flutter（38）：Cupertino組件之CupertinoButton

Flutter（39）：Cupertino組件之CupertinoDialog、CupertinoPopupSurface

Flutter（40）：Cupertino組件之CupertinoSlider

Flutter（41）：Cupertino組件之CupertinoSwitch

Flutter（42）：Cupertino組件之CupertinoPageScaffold、CupertinoNavigationBar

Flutter（43）：Cupertino組件之CupertinoTabScaffold、CupertinoTabBar、CupertinoTabView

Flutter（44）：Layout組件之Container

Flutter（45）：Layout組件之Padding

Flutter（46）：Layout組件之Center

Flutter（47）：Layout組件之Align

Flutter（48）：Layout組件之FittedBox

Flutter（49）：Layout組件之AspectRatio

Flutter（50）：Layout組件之ConstrainedBox

Flutter（51）：Layout組件之Baseline

Flutter（52）：Layout組件之FractionallySizedBox

Flutter（53）：Layout組件之IntrinsicWidth/IntrinsicHeight

Flutter（54）：Layout組件之LimitedBox

Flutter（55）：Layout組件之Offstage

Flutter（56）：Layout組件之OverflowBox

Flutter（57）：Layout組件之SizedOverflowBox

Flutter（58）：Layout組件之SizedBox

Flutter（59）：Layout組件之Transform

Flutter（60）：Layout組件之UnconstrainedBox

Flutter（61）：Layout組件之CustomSingleChildLayout

Flutter（62）：Layout組件之Stack、Positioned

Flutter（63）：Layout組件之IndexedStack

Flutter（64）：Layout組件之Flow

Flutter（65）：Layout組件之FlowTable

Flutter（66）：Layout組件之Wrap

Flutter（67）：Layout組件之ListBody

Flutter（68）：Layout組件之CustomMultiChildLayout

Flutter（69）：Builder、LayoutBuilder、StatefulBuilder、SliverLayoutBuilder

Flutter（70）：Sliver組件之CustomScrollView

Flutter（71）：Sliver組件之SliverAppBar

Flutter（72）：Sliver組件之SliverList

Flutter（73）：Sliver組件之SliverGrid

Flutter（74）：Sliver組件之SliverPadding

Flutter（75）：Sliver組件之SliverFixedExtentList

Flutter（76）：Sliver組件之SliverPrototypeExtentList

Flutter（77）：Sliver組件之SliverToBoxAdapter

Flutter（78）：Sliver組件之SliverPersistentHeader

Flutter（79）：Scroll組件之GridView

Flutter（80）：Scroll組件之SingleChildScrollView

Flutter（81）：Scroll組件之NestedScrollView

Flutter（82）：Scroll組件之Scrollbar

Flutter（83）：NotificationListener

Flutter（84）：Draggable組件之DraggableScrollableSheet、DraggableScrollableNotification

Flutter（85）：Draggable組件之Draggable

補充知識點

一、Flutter（Dart）中extends 、 implements 、 with的用法與區別

二、Flutter：State生命週期以及頁面重載問題詳解

三、Flutter（Dart）：導包遇到重名文件

作者：starryxp
鏈接：https://www.jianshu.com/p/3320350b3814
來源：簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。