Состојба на оверлеј локална за екранот

Претставете дијалози и sheets со OverlayRequest? и прикажете ги преку ScreenOverlayHost или AnimatedScreenOverlayHost.

Следно: Декларативни табови Назад кон Страници и резолвер

Еден слот за оверлеј

Моделирајте го оверлејот како OverlayRequest? и исчистете го за да се затвори.

Поддршка за дијалози и sheets

Користете DialogRequest и BottomSheetRequest со опционални payload податоци.

Контрола на редоследот назад

Прво затворете го оверлејот, а потоа pop-увајте страници преку back-scope widget-и.

Шема на overlay host

Држете го оверлејот во состојба и градете UI преку overlayBuilder.

Правило за состојба на оверлеј

Анимиран 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,
  ),
);

Важно

Кога оверлејот е видлив, блокирајте pop гестови со canPopTop за да избегнете недоследност при back-swipe на iOS.

Претходно

Страници како податоци

Следно

Декларативни табови