Какие возможности для создания адаптивных интерфейсов под desktop в Flutter ты знаешь?

При разработке кроссплатформенных приложений Flutter под desktop (Windows, macOS, Linux) я использую комбинацию встроенных и сторонних инструментов для адаптивности:

1. Адаптивные виджеты на основе размера экрана

   • LayoutBuilder — фундаментальный виджет для создания динамического макета на основе доступных ограничений (constraints).

     LayoutBuilder(
     builder: (context, constraints) {
     if (constraints.maxWidth > 1200) {
       return const WideDesktopLayout(); // Макет для широких мониторов
     } else if (constraints.maxWidth > 600) {
       return const DesktopLayout(); // Стандартный десктоп
     } else {
       return const MobileLayout(); // Планшет/мобильный
     }
     },
     )

   • MediaQuery — для получения точных данных об устройстве (размер экрана, плотность пикселей, ориентация).

     final size = MediaQuery.of(context).size;
     final isDesktop = size.width > 800;
     final isLandscape = size.width > size.height;

2. Специализированные десктопные виджеты

   • NavigationRail — вертикальная панель навигации, типичная для десктоп-приложений. Часто комбинируется с Scaffold.body.
   • DataTable, PaginatedDataTable — для отображения больших объемов структурированных данных.
   • Split (из пакета flutter_split) или кастомные реализации — для создания перемещаемых разделителей панелей.

3. Управление окном приложения

   • Пакеты вроде bitsdojo_window или window_manager позволяют:
     • Задавать минимальный/максимальный размер окна.
     • Создавать кастомные рамки окна (без стандартного заголовка).
     • Размещать окно на определенном мониторе.

       // Пример с bitsdojo_window
       appWindow.minSize = const Size(800, 600);
       appWindow.maxSize = const Size(1600, 1200);
       appWindow.alignment = Alignment.center;

4. Адаптивная навигация

   • Паттерн, при котором на мобильных используется BottomNavigationBar и полноэкранные страницы, а на десктопе — NavigationRail или меню с мастер-деталью (master-detail), где несколько "экранов" отображаются одновременно.

5. Пакеты для нативного вида и ощущений

   • fluent_ui — для стиля Windows 11.
   • macos_ui или yaru_widgets — для стиля macOS или Linux (Yaru) соответственно.

Ключевой подход — проектировать интерфейс не для конкретной платформы, а для размера области отображения, что делает приложение по-настоящему адаптивным.