Starea overlay locală pe ecran

Reprezentați dialogurile și sheets cu OverlayRequest? și redați-le prin ScreenOverlayHost sau AnimatedScreenOverlayHost.

Următorul: Taburi declarative Înapoi la Pagini și resolver

Un singur slot de overlay

Modelați overlay-ul ca OverlayRequest? și goliți-l pentru a-l închide.

Suport pentru dialoguri și sheets

Folosiți DialogRequest și BottomSheetRequest cu date de payload opționale.

Controlul ordinii înapoi

Închideți mai întâi overlay-ul, apoi faceți pop paginilor prin widget-uri back-scope.

Model de overlay host

Păstrați overlay-ul în stare și construiți UI-ul overlay prin overlayBuilder.

Regula stării overlay-ului

Overlay host animat

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

Când overlay-ul este vizibil, blocați gesturile pop cu canPopTop pentru a evita inconsistența gestului back-swipe pe iOS.

Anterior

Pagini ca date

Următor

Taburi declarative