מצב Overlay מקומי למסך
ייצגו dialogs ו-sheets בעזרת OverlayRequest? ורנדרו אותם דרך ScreenOverlayHost או AnimatedScreenOverlayHost.
משבצת overlay יחידה
הגדירו overlay כ-OverlayRequest? ונקו אותו כדי לסגור.
תמיכה ב-dialog וב-sheet
השתמשו ב-DialogRequest וב-BottomSheetRequest עם נתוני payload אופציונליים.
שליטה בסדר החזרה
סגרו קודם את ה-overlay, ורק אחר כך בצעו pop לעמודים, דרך back-scope widgets.
תבנית Overlay Host
שמרו את ה-overlay ב-state ובנו את ממשק ה-overlay דרך overlayBuilder.
כלל מצב Overlay
Animated 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,
),
);
חשוב
כאשר overlay מוצג, חסמו מחוות pop בעזרת canPopTop כדי להימנע מחוסר עקביות ב-back-swipe ב-iOS.
הקודם
עמודים ו-Resolver