Источник: Nuances of Programming Адаптивный дизайн очень важен для тех, кто ориентируется на разные платформы, используя единую кодовую базу. И особенно это относится к разработке на Flutter, ведь он нацелен на все основные платформы. Как сделать адаптивный дизайн? Существует множество способов сделать адаптивный дизайн на Flutter. Самый простой из них  —  получить информацию с текущего экрана с помощью виджета MediaQuery: Size screenSize = MediaQuery.of(context).size; Orientation orientation = MediaQuery...

Создавать пользовательский интерфейс во Flutter стало довольно просто благодаря всем виджетам, которые предоставляет фреймворк. Про часть из них я рассказал в своей прошлой статье. Однако приложение должно быть не только красивым, но и функциональным. Порой нам приходится совершать огромное количество действий или перемещать по несколько раз данные между экранами. Во Flutter навигация от одного экрана к другому возможна благодаря Навигатору - простому виджету, который поддерживает стек Маршрутов, или, проще говоря, историю посещенных экранов/страниц...

В ходе разработки приложений почти всегда стоит задача внедрения адаптивного дизайна в интерфейс. Так, например, приложение необходимо адаптировать под разрешения планшетов, а в отдельных случаях, под экраны небольших ноутбуков и стационарных мониторов. Рассмотрим часто используемые способы реализации адаптивного интерфейса, но начнем с главного: — определим размеры экранов (Breakpoints), при достижении которых будем скрывать и/или менять отображение виджетов в приложении, и вынесем эти параметры в отдельный ...