Scherm-lokale overlaystate

Representeer dialogen en sheets met OverlayRequest? en render ze via ScreenOverlayHost of AnimatedScreenOverlayHost.

Volgende: Declaratieve tabbladen Terug naar pagina's en resolver

Enkele overlay-slot

Modeleer overlay als OverlayRequest? en wis deze om te sluiten.

Ondersteuning voor dialoog en sheet

Gebruik DialogRequest en BottomSheetRequest met optionele payload-data.

Controle over terugvolgorde

Sluit eerst de overlay en pop vervolgens pagina's via back-scope widgets.

Overlay Host-patroon

Houd de overlay in de state en bouw de overlay-UI via overlayBuilder.

Regel voor overlaystate

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

Belangrijk

Wanneer de overlay zichtbaar is, blokkeer pop-gebaren met canPopTop om inconsistentie bij terug-swipen op iOS te voorkomen.

Pagina's en resolver

Declaratieve tabbladen