Stav overlaye lokální pro obrazovku

Reprezentujte dialogy a sheets pomocí OverlayRequest? a vykreslujte je přes ScreenOverlayHost nebo AnimatedScreenOverlayHost.

Další: Deklarativní záložky Zpět na Stránky a resolver

Jediný slot pro overlay

Modelujte overlay jako OverlayRequest? a vymažte ho pro zavření.

Podpora dialogů a sheetů

Použijte DialogRequest a BottomSheetRequest s volitelnými payload daty.

Řízení pořadí zpět

Nejprve zavřete overlay a potom zavírejte stránky pomocí back-scope widgetů.

Vzor overlay hostitele

Nechte overlay ve stavu a vytvářejte jeho UI přes overlayBuilder.

Pravidlo stavu overlaye

Animovaný overlay hostitel

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

Důležité

Když je overlay viditelný, zablokujte pop gesta pomocí canPopTop abyste se vyhnuli nekonzistenci back-swipe na iOS.

Předchozí

Stránky jako data

Další

Deklarativní záložky