Stav prekrytia lokálny pre obrazovku

Reprezentujte dialógy a hárky pomocou OverlayRequest? a vykresľujte ich cez ScreenOverlayHost alebo AnimatedScreenOverlayHost.

Ďalej: Deklaratívne karty Späť na Stránky a resolver

Jeden slot pre prekrytie

Modelujte prekrytie ako OverlayRequest? a na zatvorenie ho nastavte na null.

Podpora dialógu a hárku

Použite DialogRequest a BottomSheetRequest s voliteľnými údajmi payloadu.

Riadenie poradia návratu

Najprv zatvorte prekrytie a až potom vysuňte stránky cez widgety back-scope.

Vzor hostiteľa prekrytia

Držte prekrytie v stave a UI prekrytia budujte cez overlayBuilder.

Pravidlo stavu prekrytia

Animovaný hostiteľ prekrytia

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é

Keď je prekrytie viditeľné, blokujte gestá pop pomocou canPopTop aby sa predišlo nekonzistentnému gestu späť na iOS.

Predchádzajúce

Stránky a resolver

Ďalej

Deklaratívne karty