Stanje preklapanja lokalno za zaslon

Predstavite dijaloge i bottom sheetove pomoću OverlayRequest? i renderirajte ih kroz ScreenOverlayHost ili AnimatedScreenOverlayHost.

Sljedeće: Deklarativne kartice Natrag na Stranice i resolver

Jedan utor za preklapanje

Modelirajte preklapanje kao OverlayRequest? i očistite ga za zatvaranje.

Podrška za dijaloge i bottom sheetove

Koristite DialogRequest i BottomSheetRequest s opcionalnim payload podacima.

Kontrola redoslijeda povratka

Najprije zatvorite preklapanje, a zatim popajte stranice putem back-scope widgeta.

Obrazac overlay hosta

Držite preklapanje u stanju i gradite UI kroz overlayBuilder.

Pravilo stanja preklapanja

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

Važno

Kad je preklapanje vidljivo, blokirajte pop geste s canPopTop kako biste izbjegli nedosljednost back-swipea na iOS-u.

Prethodno

Stranice i resolver

Sljedeće

Deklarativne kartice