参考视频：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
This article does not intend to introduce the functional code. If you are interested, you can click on the above video or source code reference.
Looking at the number of code files, in fact, each dart file only has dozens of lines of code. The panel is divided into various small modules of dart files, which are finally combined and displayed together.
Let's take a look at the mac desktop display first (similar to the Windows desktop):
Web version (Call F12, debugging the same as the front-end)
iOS (iPhone 12 Pro Max emulator)
android(emulator)
Record a short clip of the original video
Interested? Go back to the beginning of the article and click on the video (or source code) to learn.