Skærmlokal overlay-state

Repræsenter dialoger og sheets med OverlayRequest? og render dem via ScreenOverlayHost eller AnimatedScreenOverlayHost.

Næste: Deklarative faner Tilbage til Sider og resolver

Én overlay-plads

Modellér overlayet som OverlayRequest? og ryd det for at lukke det.

Understøttelse af dialoger og sheets

Brug DialogRequest og BottomSheetRequest med valgfri payload-data.

Kontrol over tilbage-rækkefølge

Luk overlayet først, og pop derefter sider via back-scope-widgets.

Overlay Host-mønster

Bevar overlayet i state og byg overlay-UI via overlayBuilder.

Regel for overlay-state

Animeret Overlay Host

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,
  ),
);

Vigtigt

Når et overlay er synligt, skal pop-bevægelser blokeres med canPopTop for at undgå inkonsistent tilbage-swipe på iOS.

Forrige

Sider og resolver

Næste

Deklarative faner