參考影片:https://www.youtube.com/watch?v=_uOgXpEHNbc
影片配套原始碼:https://github.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard
文中截圖原始碼(站長跟著影片學習寫的):https://github.com/dotnet9/FlutterTest/tree/main/src/admin_panel
本文不打算介紹功能程式碼,大家如有興趣可點擊上面的影片或原始碼參考。

看程式碼檔案雖多,其實每個 dart 檔案程式碼只有幾十行而已。面板分為各個小模組 dart 檔案,最後組合在一起顯示。
先看看 Mac 桌面顯示(Windows 桌面類似):

網頁版(按 F12,跟前端一樣的除錯)

iOS(iPhone 12 Pro Max 模擬器)
Android(模擬器)
原影片錄製一小段
有興趣嗎?回到文章開頭,點擊影片(或原始碼)學習吧。