Styr Navigator 2.0 fra state.

declarative_nav lader dig styre sider og overlays som almindelig state uden direkte at kalde Navigator.push/pop eller showDialog.

Sider som data

PageEntry indeholder ikke Widget-typer. UI bygges via din resolver-callback.

Skærmlokale overlays

Dialoger og sheets kan afgrænses pr. skærm, inklusive tab-lokal state, når det er nødvendigt.

Uafhængig af state-management

Virker med setState, Riverpod, Bloc, Provider eller ethvert andet state-lag.

Kom godt i gang

Installer pakken, og flyt derefter sider og overlays over i eksplicit state.

Installation

Startstruktur

class AppRootState extends State<AppRoot> {
  OverlayRequest? _overlay;
  late List<PageEntry> _pages;

  @override
  void initState() {
    super.initState();
    _pages = const [PageEntry(key: 'home', name: '/home')];
  }

  Widget build(BuildContext context) {
    return DeclarativePagesNavigator(
      pages: _pages,
      buildPage: _buildPage,
      onPopTop: _popTop,
      canPopTop: () => _overlay == null,
    );
  }
}
Kerne-regel

Lad være med at blande imperativ push/pop og deklarativ List<PageEntry> for den samme stack. Én sandhedskilde forhindrer navigationen i at drive.

Forrige

OSS