Stato locale degli overlay

Rappresenta dialoghi e bottom sheet con OverlayRequest? e renderizzali tramite ScreenOverlayHost o AnimatedScreenOverlayHost.

Successivo: Tab dichiarative Torna a pagine e risolutore

Slot unico per overlay

Modella l'overlay come OverlayRequest? e impostalo a null per chiuderlo.

Supporto per dialoghi e bottom sheet

Usa DialogRequest e BottomSheetRequest con payload opzionali.

Controllo dell'ordine di ritorno

Chiudi prima l'overlay, poi esegui il pop delle pagine, tramite i widget back-scope.

Pattern dell'host degli overlay

Mantieni l'overlay nello stato e costruisci l'interfaccia dell'overlay tramite overlayBuilder.

Regola sullo stato degli overlay

Host overlay animato

return AnimatedScreenOverlayHost(
  overlay: _overlay,
  onDismiss: _dismissOverlay,
  overlayBuilder: (context, req, dismiss) => switch (req) {
    DialogRequest(key: 'hello') => AlertDialog(
      title: const Text('Hello'),
      actions: [TextButton(onPressed: dismiss, child: const Text('Close'))],
    ),
    _ => null,
  },
  child: DeclarativePagesNavigator(
    pages: _pages,
    buildPage: _buildPage,
    onPopTop: _popTop,
    canPopTop: () => _overlay == null,
  ),
);

Importante

Quando l'overlay è visibile, blocca i gesti di pop con canPopTop per evitare incoerenze nel back-swipe su iOS.

Pagine e risolutore

Tab dichiarative