স্ক্রিন-লোকাল ওভারলে স্টেট

OverlayRequest? দিয়ে dialog ও sheet উপস্থাপন করুন এবং ScreenOverlayHost বা AnimatedScreenOverlayHost-এর মাধ্যমে রেন্ডার করুন.

পরবর্তী: ঘোষণাভিত্তিক ট্যাব পেজ ও রিজলভার-এ ফিরে যান

একক overlay slot

OverlayRequest? হিসেবে overlay মডেল করুন এবং বন্ধ করতে এটি clear করুন.

ডায়ালগ ও sheet সমর্থন

ঐচ্ছিক payload data সহ DialogRequest এবং BottomSheetRequest ব্যবহার করুন.

Back order নিয়ন্ত্রণ

প্রথমে overlay dismiss করুন, তারপর back-scope widgets দিয়ে page pop করুন.

Overlay host pattern

Overlay state-এ রাখুন এবং overlayBuilder দিয়ে overlay UI তৈরি করুন.

Overlay state rule

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 দৃশ্যমান থাকে, canPopTop দিয়ে pop gesture ব্লক করুন iOS-এ back-swipe-এর অসামঞ্জস্য এড়াতে.

পূর্ববর্তী

ডেটা হিসেবে পেজ

পরবর্তী

ঘোষণাভিত্তিক ট্যাব