Superpositions

Represent dialogs et sheets avec OverlayRequest? et render them through ScreenOverlayHost ou AnimatedScreenOverlayHost.

Suivant : Onglets déclaratifs Back ? Pages et Resolver

Un seul emplacement d'overlay

Model overlay as OverlayRequest? et clear it ? dismiss.

Dialog et sheet support

Use DialogRequest et BottomSheetRequest avec optional payload data.

Contrôle de l'ordre de retour

Fermez d'abord l'overlay, puis faites pop les pages via les widgets back-scope.

Modèle d'overlay host

Keep overlay dans state et build overlay UI through overlayBuilder.

Règle d'état d'overlay

Overlay host animé

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

Important

Quand l'overlay est visible, block pop gestures avec canPopTop ? avoid back-swipe inconsistency on iOS.

Pages et Resolver

Onglets déclaratifs