Ruudun paikallinen overlay-tila

Esitä dialogit ja sheetit OverlayRequest?-tyypillä ja renderöi ne ScreenOverlayHostin tai AnimatedScreenOverlayHostin kautta.

Seuraava: Deklaratiiviset välilehdet Takaisin sivulle Sivut ja resolveri

Yksi overlay-paikka

Mallinna overlay OverlayRequest? -arvona ja tyhjennä se sulkemista varten.

Dialogi- ja sheet-tuki

Käytä DialogRequest- ja BottomSheetRequest-tyyppejä valinnaisella payload-datalla.

Takaisin-järjestyksen hallinta

Sulje overlay ensin ja poppaa sitten sivut back-scope-widgetien kautta.

Overlay-hostin malli

Pidä overlay tilassa ja rakenna overlay-UI overlayBuilderin kautta.

Overlay-tilan sääntö

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

Tärkeää

Kun overlay on näkyvissä, estä pop-eleet canPopTopilla jotta vältät iOS:n back-swipe-epäjohdonmukaisuuden.

Edellinen

Sivut datana

Seuraava

Takaisin‑käsittely