透過 Google 推出的 Flutter framework 我們可以更方便地開發跨平台 App,開發出在 iOS、Android、Web、macOS、Windows 和 Linus 上都能執行的 App。
開發 Flutter App 時,我們有許多 IDE 可選擇,其中 VS Code 是滿多人偏愛的 IDE,以下彼得潘將示範使用 VS Code 開發 Flutter App 的相關操作。
開發 Flutter App 時,我們可以透過 Flutter Inspector 檢視 App 畫面的 widget 元件,它將幫助我們方便地查看 UI 相關的細節和問題。
利用 Flutter 的 Image widget 我們可以方便地顯示專案裡的圖片。以下我們一步步示範如何在 VS Code 將圖片加入 Flutter 專案,然後利用 Image widget 顯示圖片。
最近彼得潘剛買新的 M3 MAX MacBook Pro,覺得十分地開心,因此以下我們就以 Apple 強大的 m3 Max 圖片為例,示範如何在 Flutter 控制圖片的大小和縮放。
製作 Flutter App 畫面時,我們時常需要 wrap widget(用某個 widget 包另一個 widget) 和 remove widget(移除 widget),因此 IDE 早為我們提供了方便 wrap widget、remove widget 和 move widget 的方法。
Dart 提供特別的 collection if 和 collection for 語法,讓我們在 list、map 和 set 裡使用 if 和 for 彈性地建立資料,而且在開發…