SizedBox.shrink() 實現 Null Widget
SizedBox.shrink() 可模擬 Null Widget，使得 mainAxisAlignment 的設定生效。
タグ : Flutter
GustureDetector 讓整列都能被點擊
為了讓使用者更容易點擊，實務上會讓整列都能被點擊，必須使用 GestureDector、Container、Row 三層 widget 所包裝。
ListView 使用 Getter 動態 Filter
要實現 ListView 動態 filter，ListView 可直接綁 Getter，當 Keyword 改變時自動觸發 Getter。
ListView 使用 Event 動態 Filter
要實現 ListView 動態 filter，ListView 可綁定另外一個 filter 的 List，並在 TextField 的 onChanged event 及時改變要 filter 的 Keyword。
TextField 實現簡單輸入框
若不使用 TextFormField 的 validator，其實可使用 TextField，既可使用 Data Binding，又不需要 TextEditingController，程式碼更為精簡。
ListView 使用 ShrinkView 自行決定高度
為了避免 Pixel Overflow，實務上會在 body 使用 SingleChildScrollView，但這會導致 ListView 無法顯示。
GestureDetector 取代 ListTile 的 ListView
ListView 一般都會搭配 ListTile，但 ListTile 自帶 Padding，且無法清除，最有效的方式是使用沒有自帶 Padding 的 GestureDetector 取代 ListTile。
GridView 使用 ShrinkView 自行決定高度
為了避免 Pixel Overflow，實務上會在 body 使用 SingleChildScrollView，但這會導致 GridView 無法顯示。
Column 縮成最小高度
Column 預設會佔據整個高度，這使得外層的 Widget 如 Center 會失去功能，可使用 mainAxisSize: MainAxisSize.min 將 Column 縮小成 最小高度。
Positioned 搭配 ClipBehavior 置頂
當 Positioned 的座標為 負值 時，常會搭配 clipBehavior: Clip.none 讓 Widget 顯示在 Container 之上。
更新 Flutter SDK 版本
雖然可以直接使用 flutter upgrade 更新 Fluttter SDK 版本，但這樣升級將無法降級 Flutter 版本測試，比較好的方式是手動下載 Flutter SDK，並手動設定 Flutter SDK 路徑，並手動調整 Dart 在 Android Studio 的路徑。
Hot Reload、Hot Restart 與 Full Restart
Flutter 為了加速開發，提供了 Hot Reload、Hot Restart 與 Full Restart 三種模式，各有各的使用時機及場景。
TabBar 實現 Tab 介面 (TabController)
簡單的 TabBar 可使用 DefaultTabController 實現，若要完全控制 TabBar，則可使用進階的 TabController。
NavigationBar 調整 Text Style
NavigationBar 若要調整 Text Style，無法直接在 NavigationBar 調整，必須包在 NavigationBarTheme 內。
MediaQuery 動態設定 Margin
Pixel Overflow 是 Flutter 開發中常遇到的問題，透過由 MediaQuery 取得裝置長寬，可動態設定 Margin 避免 Pixel Overflow。
MediaQuery 動態設定 Row 的 Gap
Pixel Overflow 是 Flutter 開發中常遇到的問題，透過由 MediaQuery 取得裝置長寬，可動態設定 Row 的 Gap 避免 Pixel Overflow。
MediaQuery 動態設定 Column 的 Gap
Pixel Overflow 是 Flutter 開發中常遇到的問題，透過由 MediaQuery 取得裝置長寬，可動態設定 Column 的 Gap 避免 Pixel Overflow。
Material Design 使用自訂顏色變數
雖然理論上 Material Design 要使用內建的顏色變數，如 primary、secondary…，但實務上 Designer 可能並不使用這些變數，我們也可以在 Material Design 使用 Figma 的變數。
Row 使用 SpaceBetween 實現水平等距
要水平使每個 Widget 等距，可使用 Row 的mainAxisAlignment: MainAxisAlignment.spaceBetween 實現。