وضعیت اورلی مخصوص صفحه

دیالوگ‌ها و sheetها را با OverlayRequest? نمایش دهید و آن‌ها را از طریق ScreenOverlayHost یا AnimatedScreenOverlayHost رندر کنید.

یک جایگاه اورلی

اورلی را به‌صورت OverlayRequest? مدل کنید و برای بستن آن را پاک کنید.

پشتیبانی از dialog و sheet

از DialogRequest و BottomSheetRequest با داده‌های payload اختیاری استفاده کنید.

کنترل ترتیب بازگشت

ابتدا اورلی را ببندید، سپس با back-scope widgets صفحات را pop کنید.

الگوی overlay host

اورلی را در state نگه دارید و UI آن را از طریق overlayBuilder بسازید.

قانون state اورلی

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

وقتی اورلی visible است، با canPopTop ژست‌های pop را مسدود کنید برای جلوگیری از ناسازگاری back-swipe در iOS.