Flutter 中的自適應與響應式設計
Flutter 的主要目標之一是創建一個框架,讓您能夠從單一程式碼庫開發應用程式,使其在任何平台上看起來和感覺都很棒。
這意味著您的應用程式可能會出現在許多不同尺寸的螢幕上,從手錶到具有雙螢幕的可摺疊手機,再到高畫質螢幕。而且您的輸入裝置可能是實體或虛擬鍵盤、滑鼠、觸控螢幕或任何其他裝置。
描述這些設計概念的兩個術語是自適應和響應式。理想情況下,您會希望您的應用程式同時具備這兩者,但這究竟是什麼意思呢?
什麼是響應式與自適應?
#一個簡單的思考方式是,響應式設計是關於將使用者介面放入空間,而自適應設計是關於使用者介面在該空間中可用。
因此,響應式應用程式會調整設計元素的放置位置,以適應可用空間。而自適應應用程式會選擇適當的佈局和輸入裝置,以便在可用空間中使用。例如,平板電腦的使用者介面應該使用底部導航還是側邊面板導航?
本節涵蓋了自適應和響應式設計的各個方面
除非另有說明,本網站上的文件均反映 Flutter 的最新穩定版本。頁面最後更新於 2024-07-06。 檢視原始碼 或 回報問題。