Hali ya overlay ya kiwango cha skrini

Wakilisha dialogs na sheets kama OverlayRequest? na uzichore kupitia ScreenOverlayHost au AnimatedScreenOverlayHost.

Ifuatayo: Tab za Declarative Rudi kwenye Kurasa na Resolver

Slot moja ya overlay

Weka overlay kama OverlayRequest? na ifute ili kuifunga.

Msaada wa dialog na sheet

Tumia DialogRequest na BottomSheetRequest pamoja na data ya hiari ya payload.

Udhibiti wa mpangilio wa kurudi

Funga overlay kwanza, kisha fanya pop ya kurasa, kupitia back-scope widgets.

Muundo wa Overlay Host

Hifadhi overlay ndani ya state na jenga UI ya overlay kupitia overlayBuilder.

Sera ya overlay state

Animated 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,
  ),
);

Muhimu

Wakati overlay inaonekana, zuia gesti za pop kwa canPopTop ili kuepuka kutokuwiana kwa back-swipe kwenye iOS.

Iliyotangulia

Kurasa na Resolver

Ifuatayo

Tab za Declarative