Deklaratív navigáció és overlayek Flutterhez.

Navigator 2.0 oldalak és képernyőhelyi overlayek vezérlése Navigator.push/pop vagy showDialog nélkül.

Gyors kezdés Megnézem a GitHubon

Az oldalak adatok

A PageEntry csak metaadatokat tárol. A UI-t a resolvered hozza létre.

Képernyőhelyi overlayek

A párbeszédpanelek és bottom sheeteek képernyőnként korlátozottak globális állapot nélkül.

Állapotfüggetlen

Használd a setState-et, Riverpodot, Blocot vagy Providert. Nincs szükség függőségekre.

Első lépések

Telepítsd a declarative_nav-ot és rendereld az oldalakat resolver callbackkel.

Telepítés

flutter pub add declarative_nav

Használati útmutató

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

Fontos megjegyzés

Ez a csomag kerüli a Navigator.push/pop és a showDialog hívásokat. A navigációt és overlayeket állapotból vezéreld.

Előző

Áttekintés

Következő

Telepítés