4.這是一份Flutter經常使用Widget指南

目錄傳送門：《Flutter快速上手指南》先導篇

在 Flutter 中，全部的東西都是 Widget —— 萬物皆 Widget。

Image(圖片)、Text(文字)、Container（容器）、Padding(間距)、Align(對齊方式)、GestureDetector(手勢).. 全部你知的一切，基本都是 Widget。

Flutter 經過一個個的 Widget 來拼裝視圖樹，處理交互、事件、數據等。

它很靈活，但有些太靈活了。

開發者必須花費不少的精力去掌握這些 Widget。

看個簡單的例子。

這個組件就是由多個 Widget 拼裝而成。

從上圖的視圖樹中能夠看到，這樣一個簡單的導航欄場景，也須要不少的 Widget 來組裝。

你得明確一點，在 Flutter 的開發過程當中，你的大部分時間都是在和各類各樣的 Widget 打交道。

它們種類不少，目前已經有 30+ 的 Widget 了，而且數量可能仍然在增長。

要徹底掌握全部的 Widget 是很困難的，但你應該掌握大部分經常使用的 Widget，對其它的 Widget 也該有點認知。

本篇會羅列一些經常使用的 Widget 使用指南。

你能夠收藏起來，以便隨時能夠到這來查詢你不太肯定的 Widget。

基礎 Widgets

🚫 Widget-Container

🚫 Widget-Button

🚫 Widget-Row和Column

🚫 Widget-Text

🚫 Widget-Scaffold

🚫 Widget-Icon

🚫 Widget-Image

🚫 Widget-Stack

🚫 Widget-TabBar+TabBarView

🚫 Widget-輸入框TextField

用於佈局的 Widgets

🚫 Widget-Align

🚫 Widget-Center

🚫 Widget-Expended

🚫 Widget-LayoutBuilder

🚫 Widget-Padding

🚫 Widget-Wrap

可滾動 Widgets

🚫 Widget-CustomScrollView

🚫 Widget-GridView

🚫 Widget-ListView

🚫 Widget-PageView

🚫 Widget-SingleChildScrollView

裝飾 Widgets

🚫 Widget-BoxDecoration

🚫 Widget-Clip系列

🚫 Widget-Opacity

🚫 Widget-SafeArea

🚫 Widget-高斯模糊BackdropFilter

功能性 Widgets

🚫 Widget-FutureBuilder和StreamBuilder

🚫 Widget-攔截返回鍵WillPopScope

⚠️ 本篇文章在動態更新中.. 不要嘗試點擊前面有 🚫 的連接！

目錄傳送門：《Flutter快速上手指南》先導篇

如何找到我？

傳送門：CoorChice 的主頁

傳送門：CoorChice 的 Github