Skarmlokalt overlay-tillstand

Representera dialoger och sheets med OverlayRequest? och rendera dem via ScreenOverlayHost eller AnimatedScreenOverlayHost.

Nasta: Deklarativa flikar Tillbaka till Sidor och resolver

En enda overlay-slot

Modellera overlay som OverlayRequest? och rensa det for att stanga.

Stod for dialog och sheet

Anvand DialogRequest och BottomSheetRequest med valfri payload-data.

Styrning av back-ordning

Stang overlay forst och poppa sedan sidor via widgets for back-scope.

Mönster för överläggsvärd

Behall overlay i tillstandet och bygg overlay-UI via overlayBuilder.

Overlay-regel

Animerad överläggsvärd

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

Viktigt

Nar overlayn ar synlig, blockera pop-gester med canPopTop for att undvika inkonsekventa back-svep pa iOS.

Foregaende

Sidor och resolver

Nasta

Deklarativa flikar