स्क्रीन-लोकल ओव्हरले स्टेट
Dialogs आणि sheets यांना OverlayRequest? म्हणून मांडून ScreenOverlayHost किंवा AnimatedScreenOverlayHost द्वारे render करा.
एकच ओव्हरले स्लॉट
ओव्हरलेला OverlayRequest? म्हणून मॉडेल करा आणि dismiss करण्यासाठी ते clear करा.
डायलॉग आणि शीट समर्थन
Optional payload data सह DialogRequest आणि BottomSheetRequest वापरा.
बॅक क्रम नियंत्रण
back-scope widgets द्वारे आधी ओव्हरले dismiss करा, नंतर पाने pop करा.
ओव्हरले होस्ट पॅटर्न
ओव्हरले स्टेटमध्ये ठेवा आणि overlay UI, overlayBuilder द्वारे तयार करा.
ओव्हरले स्टेट नियम
अॅनिमेटेड ओव्हरले होस्ट
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,
),
);
महत्त्वाचे
ओव्हरले दिसत असताना, canPopTop ने pop gestures रोखा जेणेकरून iOS वर back-swipe मध्ये विसंगती येऊ नये.
मागील
पाने आणि रिजॉल्वरपुढे
डिक्लेरेटिव्ह टॅब्स