Състояние на оверлей, локално за екрана

Представяйте диалози и sheet-ове с OverlayRequest? и ги визуализирайте чрез ScreenOverlayHost или AnimatedScreenOverlayHost.

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

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

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

Поддръжка на диалози и sheet-ове

Използвайте DialogRequest и BottomSheetRequest с опционални данни за полезния товар.

Контрол на реда на връщане

Първо затворете оверлея, а после pop-вайте страниците чрез back-scope уиджети.

Шаблон за 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.

Предишна

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

Следваща

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