Flutter 中的自適應和響應式設計

Flutter 的主要目標之一是建立一個框架,讓您能夠透過單一程式碼庫開發出在任何平臺上都具有出色外觀和體驗的應用程式。
這意味著您的應用程式可能會出現在各種不同尺寸的螢幕上,從手錶到帶雙屏的可摺疊手機,再到高畫質顯示器。您的輸入裝置可能是物理或虛擬鍵盤、滑鼠、觸控式螢幕或許多其他裝置。
描述這些設計概念的兩個術語是自適應和響應式。理想情況下,您會希望您的應用程式既自適應又響應式,但這到底意味著什麼?
響應式與自適應有何區別?
#一個簡單的思考方式是,響應式設計是關於讓 UI 適應空間,而自適應設計是關於讓 UI 在空間中可用。
因此,一個響應式應用程式會調整設計元素的佈局以適應可用空間。而一個自適應應用程式會選擇合適的佈局和輸入裝置,使其在可用空間中可用。例如,平板電腦 UI 應該使用底部導航還是側面板導航?
本節涵蓋自適應和響應式設計的各個方面。