Resize de janela / multi-monitor

Diagrama de steps

1. 1

   Usuário arrasta a janela ou move displays

   Usuário

   Resize cross DPI breakpoints, drag entre displays com escalas diferentes, ou rotaciona o device.

   ↓
2. 2

   Insets recomputam

   SDK

   KoderSafeScaffold re-lê os window insets da plataforma; CSS env(safe-area-inset-*) refresha na web.

   ↓
3. 3

   Title bar re-layout

   App

   KoderTitleBar resize; a free area expande pra preencher a nova largura sem quebrar double-tap maximize.

   specs/desktop-apps/title-bar-double-click.kmd

   ↓
4. 4

   Conteúdo reflow

   App

   Layout responde em CSS / widgets Flutter — sem valores em pixel fixo que vão atrás do novo chrome.

Pitfalls comuns

• ⚠ Hardcodar viewport sizes — quebra multi-monitor com DPI misto.
• ⚠ Embrulhar a barra de título inteira em um único GestureDetector — sequestra o gesture arena e rouba double-tap do KoderTitleBarFreeArea.

Fluxos relacionados