Экран ичиндеги Overlay абалы

Dialog жана sheet-терди OverlayRequest? катары көрсөтүп, аларды ScreenOverlayHost же AnimatedScreenOverlayHost аркылуу рендерлеңиз.

Кийинки: Декларативдүү табдар Беттер жана резолверге кайтуу

Бир overlay уясы

Overlay-ди OverlayRequest? катары моделдеңиз жана жабуу үчүн аны тазалаңыз.

Dialog жана sheet колдоосу

DialogRequest жана BottomSheetRequest-ти кошумча payload маалыматтары менен колдонуңуз.

Артка кайтуу тартибин көзөмөлдөө

Артка кайтуу scope виджеттери аркылуу адегенде overlay-ди жабыңыз, анан беттерди артка жылдырыңыз.

Overlay host үлгүсү

Overlay-ди абалда сактап, overlayBuilder аркылуу overlay UI түзүңүз.

Overlay абалынын эрежеси

Анимацияланган оверлей хост

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 ыраатсыздыгын алдын алуу үчүн.

Мурунку

Беттер жана резолвер

Кийинки

Декларативдүү табдар