Navigim deklarativ dhe overlay për Flutter.

Menaxhoni faqet e Navigator 2.0 dhe overlay-t lokale të ekranit pa Navigator.push/pop ose showDialog.

Nisje e shpejtë Shiko në GitHub

Faqet janë të dhëna

PageEntry ruan vetëm metadatë. UI krijohet nga resolveri juaj.

Overlay lokale të ekranit

Dialogët dhe bottom sheet kufizohen për ekran pa gjendje globale.

I pavarur nga gjendja

Përdorni setState, Riverpod, Bloc ose Provider. Nuk kërkohen varësi.

Hapat e parë

Instaloni declarative_nav dhe renderoni faqet përmes callback të resolverit.

Instalim

flutter pub add declarative_nav

Udhëzues përdorimi

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

Shënim i rëndësishëm

Ky paket shmang Navigator.push/pop dhe thirrjet showDialog. Menaxhoni navigimin dhe overlay-t nga gjendja.

I mëparshëm

Përmbledhje

I ardhshëm

Instalim