Deklarativna navigacija in prekrivni sloji za Flutter.

Upravljajte strani Navigator 2.0 in lokalne prekrivne sloje brez Navigator.push/pop ali showDialog.

Hitri začetek Poglej na GitHub

Strani so podatki

PageEntry hrani le metapodatke. UI ustvari vaš resolver.

Lokalni prekrivni sloji

Dialogi in bottom sheet-i so omejeni na zaslon brez globalnega stanja.

Neodvisno od stanja

Uporabite setState, Riverpod, Bloc ali Provider. Odvisnosti niso potrebne.

Prvi koraki

Namestite declarative_nav in renderirajte strani prek resolver callbacka.

Namestitev

flutter pub add declarative_nav

Navodila za uporabo

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

Pomembna opomba

Ta paket se izogiba Navigator.push/pop in klicem showDialog. Upravljajte navigacijo in prekrivne sloje iz stanja.

Prejšnja

Pregled

Naslednja

Namestitev