Declaratieve navigatie en overlays voor Flutter.

Stuur Navigator 2.0-pagina's en scherm-lokale overlays aan zonder Navigator.push/pop of showDialog.

Snelle start Bekijk op GitHub

Pagina's zijn data

PageEntry bewaart alleen metadata. De UI wordt door je resolver gemaakt.

Scherm-lokale overlays

Dialogen en bottom sheets zijn per scherm beperkt zonder globale state.

State-agnostisch

Gebruik setState, Riverpod, Bloc of Provider. Geen afhankelijkheden nodig.

Eerste stappen

Installeer declarative_nav en render pagina's via een resolver-callback.

Installatie

flutter pub add declarative_nav

Gebruikshandleiding

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

Belangrijke opmerking

Dit pakket vermijdt Navigator.push/pop en showDialog-aanroepen. Stuur navigatie en overlays vanuit de state.

Overzicht

Installatie