Flutter үчүн декларативдүү навигация жана оверлейлер.

Navigator.push/pop же showDialog колдонбостон Navigator 2.0 барактарын жана экран-локалдуу оверлейлерди башкаруу.

Ыкчам баштоо GitHub'ду көрүү

Барактар — маалымат

PageEntry метамаалыматты гана сактайт. UI сиздин резолвер аркылуу түзүлөт.

Экран-локалдуу оверлейлер

Диалогдор жана bottom sheet'тер ар бир экранга чектелет, глобалдык абалсыз.

Абалга көз каранды эмес

setState, Riverpod, Bloc же Provider колдонуңуз. Көзкарандычылыктар талап кылынбайт.

Алгачкы кадамдар

declarative_nav орнотуп, барактарды резолвердин callback'и аркылуу рендерлеңиз.

Орнотуу

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 чакырууларын колдонбойт. Навигацияны жана оверлейлерди абалдан башкаргыла.

Мурунку

Обзор

Кийинки

Орнотуу