Lokalny stan nakładki wyświetlanej na ekranie.

Wyświetlaj dialogi i arkusze za pomocą mechanizmu OverlayRequest i renderuj je za pomocą komponentów ScreenOverlayHost lub AnimatedScreenOverlayHost.

Następnie: Zakładki deklaratywne. Powrót do stron i narzędzia rozwiązywania problemów.

Pojedyncze gniazdo nakładkowe.

Czy nakładka modelu może być implementowana jako obiekt typu "OverlayRequest"? I czy można ją usunąć, aby ją wyłączyć?

Obsługa dialogów i arkuszy.

Wykorzystaj klasy `DialogRequest` i `BottomSheetRequest` wraz z opcjonalnymi danymi przesyłanymi w postaci ładunku.

Kontrola zamówień oczekujących na realizację.

Najpierw usuń nakładkę, a następnie wyświetl okna, korzystając z elementów interfejsu umożliwiających nawigację wsteczną.

Wzór nakładania hosta.

Utrzymuj warstwę graficzną w aktywnym stanie i buduj interfejs użytkownika tej warstwy za pomocą komponentu `overlayBuilder`.

Zasada nakładania warstw.

Host dla animowanych nakładek.

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('Zamknij')),
      ],
    ),
    _ => null,
  },
  child: DeclarativePagesNavigator(
    pages: _pages,
    buildPage: _buildPage,
    onPopTop: _popTop,
    canPopTop: () => _overlay == null,
  ),
);

Ważne.

Kiedy warstwa nakładana jest widoczna, Zablokuj gesty otwierania puszek za pomocą funkcji `canPopTop`. aby uniknąć niespójności w działaniu gestu przesuwania w lewo na urządzeniach z systemem iOS.

Poprzedni.

Strony i rozstrzygnięcia.

Następny.

Zakładki deklaratywne.