Навигатсияи эълоншуда ва overlay барои Flutter.

Саҳифаҳои Navigator 2.0 ва overlay-ҳои маҳаллии экранро бе Navigator.push/pop ё showDialog идора кунед.

Оғози зуд Дидан дар GitHub

Саҳифаҳо додаанд

PageEntry танҳо метамаълумотро нигоҳ медорад. UI аз ҷониби resolver-и шумо сохта мешавад.

Overlay-ҳои маҳаллии экран

Диалогҳо ва bottom sheet-ҳо барои ҳар экран маҳдуданд, бе ҳолати глобалӣ.

Бе вобастагӣ аз ҳолат

setState, Riverpod, Bloc ё Provider истифода баред. Вобастагӣ лозим нест.

Қадамҳои аввал

declarative_nav-ро насб кунед ва саҳифаҳоро тавассути callback-и resolver рендер кунед.

Насб

flutter pub add declarative_nav

Дастури истифода

app_root.dart

class AppRoot extends StatefulWidget {
  const AppRoot({super.key});

  @override
  State<AppRoot> createState() => _AppRootState();
}

class _AppRootState extends State<AppRoot> {
  OverlayRequest? _overlay;
  late List<PageEntry> _pages;

  @override
  void initState() {
    super.initState();
    _pages = const [PageEntry(key: 'home', name: '/home')];
  }

  Widget buildPage(BuildContext context, PageEntry page) {
    return HomePage(onOpenDialog: _openDialog);
  }

  @override
  Widget build(BuildContext context) {
    return DeclarativePagesNavigator(
      pages: _pages,
      buildPage: buildPage,
      onPopTop: _popTop,
      canPopTop: () => _overlay == null,
    );
  }
}

Ёддошти муҳим

Ин баста Navigator.push/pop ва даъватҳои showDialog-ро канорагирӣ мекунад. Навигатсия ва overlay-ҳоро аз ҳолат идора кунед.

Қаблӣ

Баррасӣ

Баъдӣ

Насб