Экран ішіндегі Overlay күйі

Dialog және sheet-терді OverlayRequest? ретінде сипаттап, оларды ScreenOverlayHost немесе AnimatedScreenOverlayHost арқылы көрсетіңіз.

Келесі: Декларативті табтар Беттер және резолверге қайту

Бір overlay ұясы

Overlay-ді OverlayRequest? ретінде модельдеңіз және жабу үшін оны тазалаңыз.

Dialog және sheet қолдауы

Қосымша payload деректерімен DialogRequest және BottomSheetRequest қолданыңыз.

Артқа қайту тәртібін басқару

Артқа қайтуға арналған scope виджеттері арқылы алдымен overlay-ді жабыңыз, содан кейін беттерді кері жылжытыңыз.

Overlay host үлгісі

Overlay-ді күйде сақтап, overlayBuilder арқылы overlay UI жасаңыз.

Overlay күйінің ережесі

Анимацияланған 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 сәйкессіздігін болдырмау үшін.

Алдыңғы

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

Келесі

Декларативті табтар