स्क्रिन-स्थानीय overlay state

OverlayRequest? मार्फत dialogs र sheets प्रतिनिधित्व गर्नुहोस् र तिनलाई ScreenOverlayHost वा AnimatedScreenOverlayHost बाट render गर्नुहोस्.

अर्को: घोषणात्मक ट्याबहरू Pages and Resolver मा फर्कनुहोस्

एउटै overlay slot

Overlay लाई OverlayRequest? को रूपमा model गर्नुहोस् र बन्द गर्न clear गर्नुहोस्.

Dialog र sheet समर्थन

वैकल्पिक payload data सहित DialogRequest र BottomSheetRequest प्रयोग गर्नुहोस्.

Back order नियन्त्रण

पहिले overlay dismiss गर्नुहोस्, त्यसपछि back-scope widgets मार्फत pages pop गर्नुहोस्.

Overlay host pattern

Overlay लाई state मा राख्नुहोस् र overlayBuilder मार्फत UI बनाउनुहोस्.

Overlay state नियम

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

Important

overlay देखिएको बेला, canPopTop प्रयोग गरेर pop gestures रोक्नुहोस् iOS मा back-swipe असंगति टार्न.

अघिल्लो

डाटाको रूपमा पृष्ठहरू

अर्को

घोषणात्मक ट्याबहरू