Flutter 中的自適應（Adaptive）與響應式（Responsive）設計
Flutter 的主要目標之一，就是建立一個框架， 讓你能夠以單一程式碼庫開發應用程式， 並在任何平台上都能擁有絕佳的外觀與體驗。
這代表你的應用程式可能會出現在各種不同尺寸的螢幕上， 從智慧手錶、雙螢幕可摺疊手機，到高解析度顯示器。 你的輸入裝置也可能是實體或虛擬鍵盤、滑鼠、觸控螢幕， 或其他各式各樣的裝置。
這些設計概念有兩個常用術語：自適應（Adaptive） 與 響應式（Responsive）。 理想狀態下，你會希望你的應用程式同時具備這兩種特性， 但這究竟代表什麼意思呢？
什麼是響應式（Responsive）與自適應（Adaptive）？
#一個簡單的理解方式是：響應式設計（Responsive design）著重於讓 UI 適應 可用空間， 而自適應設計（Adaptive design）則強調 UI 在該空間內_可用_。
因此，響應式應用程式會調整設計元素的位置，以_適應_現有空間； 而自適應應用程式則會選擇合適的版面配置與輸入裝置， 確保在現有空間內_可用_。 舉例來說，平板裝置的 UI 應該使用底部導覽列還是側邊面板導覽？
本章節涵蓋自適應與響應式設計的各個面向：