Képernyő-helyi overlay állapot

Jelenítsd meg a párbeszédablakokat és sheeteket OverlayRequest?-tel, és rendereld őket a ScreenOverlayHost vagy AnimatedScreenOverlayHost segítségével.

Tovább: Deklaratív fülek Vissza az Oldalak és resolverhez

Egyetlen overlay slot

Modellezd az overlayt OverlayRequest?-ként, és töröld a bezáráshoz.

Párbeszéd- és sheet-támogatás

Használd a DialogRequestet és a BottomSheetRequestet opcionális payload adatokkal.

Vissza sorrendjének vezérlése

Először zárd be az overlayt, majd pop-old az oldalakat back-scope widgeteken keresztül.

Overlay host minta

Tartsd az overlayt állapotban, és építsd fel az overlay UI-t az overlayBuilderen keresztül.

Overlay állapot szabály

Animált 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,
  ),
);

Fontos

Amikor az overlay látható, blokkolja a pop gesztusokat a canPopTop-pal hogy elkerüld az iOS back-swipe inkonzisztenciáját.

Előző

Overlayek

Következő

Deklaratív fülek