Էկրանի տեղային overlay state

Ներկայացրու dialog-ներն ու sheet-երը որպես OverlayRequest? և արտապատկերիր դրանք ScreenOverlayHost կամ AnimatedScreenOverlayHost-ի միջոցով։

Հաջորդը՝ Declarative Tabs Վերադառնալ Pages և Resolver

Մեկ overlay slot

Overlay-ը մոդելավորիր որպես OverlayRequest? և մաքրիր այն՝ փակելու համար։

Dialog և sheet աջակցություն

Օգտագործիր DialogRequest և BottomSheetRequest՝ ըստ անհրաժեշտության payload data-ով։

Back հերթականության կառավարում

Նախ փակիր overlay-ը, հետո pop արա էջերը՝ back-scope widget-ների միջոցով։

Overlay host pattern

Overlay-ը պահիր state-ում և overlay UI-ը կառուցիր overlayBuilder-ի միջոցով։

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,
  ),
);
Կարևոր

Երբ overlay-ը տեսանելի է, արգելափակիր pop gesture-ները canPopTop-ով որպեսզի iOS-ում back-swipe-ի վարքը անհամապատասխան չդառնա։

Նախորդը

Pages և Resolver

Հաջորդը

Հայտարարական ներդիրներ