Flutter 系列文章：初識Flutter

• what is flutter

Flutter包括一個現代的響應式框架、一個2D渲染引擎、現成的widget和開發工具。這些組件能夠幫助您快速地設計、構建、測試和調試應用程序

• what is flutter widget

一. 一切皆爲widget

Widget是Flutter應用程序用戶界面的基本構建塊。每一個Widget都是用戶界面的一部分。 它與其它將視圖、控制器、佈局和其餘屬性分離的框架不一樣，Flutter具備一致的統一對象模型：widget。

二. Widget 怎麼定義

• 一個結構元素（如按鈕或菜單）
• 一個文本樣式元素（如字體或顏色方案）
• 佈局的一個方面（如填充） 等等… Widget根據佈局造成一個層次結構。每一個widget嵌入其中，並繼承其父項的屬性。沒有單獨的「應用程序」對象，相反，根widget扮演着這個角色。

您能夠經過告訴框架使用另外一個widget替換層次結構中的widget來響應事件，例如用戶交互，替換後框架會比較新的和舊的widget，並高效地更新用戶界面。

三. Widget 怎麼分類

• 按是widget是否須要根據用戶交互或其餘因素進行更改進行有狀態跟無狀態進行分類

一、有狀態的widget-->StatefulWidget

若是widget須要根據用戶交互或其餘因素進行更改，則該widget是有狀態的。例如，若是一個widget的計數器在用戶點擊一個按鈕時遞增，那麼該計數器的值就是該widget的狀態。 當該值發生變化時，須要從新構建widget以更新UI

二、無狀態的widget-->StatelessWidget

若是widget不須要根據用戶交互或其餘因素進行更改，則該widget是無狀態的
複製代碼

• 按控件類型進行分類

1. 基礎組件

2. Material Components

實現了Material Design 指南的視覺、效果、motion-rich的widget
複製代碼

3. Cupertino(iOS風格的widget)

用於當前iOS設計語言的美麗和高保真widget
複製代碼

4. Layout

排列其它widget的columns、rows、grids和其它的layouts
複製代碼

5. Text

文本顯示和樣式
複製代碼

6. Assets、圖片、Icons

管理assets, 顯示圖片和Icon
複製代碼

7. Input

Material Components 和 Cupertino中獲取用戶輸入的widget
複製代碼

8. 動畫和Motion

在您的應用中使用動畫。查看Flutter中的動畫總覽
複製代碼

9. 交互模型

響應觸摸事件並將用戶路由到不一樣的頁面視圖（View）
複製代碼

10. 樣式

管理應用的主題，使應用可以響應式的適應屏幕尺寸或添加填充
複製代碼

11. 繪製和效果

Widget將視覺效果應用到其子組件，而不改變它們的佈局、大小和位置
複製代碼

12. Async

Flutter應用的異步模型
複製代碼

13. 滾動

滾動一個擁有多個子組件的父組件
複製代碼

14. 輔助功能

給你的App添加輔助功能(這是一個正在進行的工做)
複製代碼