Navegação declarativa e overlays para Flutter.

Controle páginas do Navigator 2.0 e overlays locais de tela sem Navigator.push/pop ou showDialog.

Início rápido Ver no GitHub

Páginas são dados

PageEntry armazena apenas metadados. A UI é criada pelo seu resolver.

Overlays locais de tela

Diálogos e bottom sheets são limitados por tela sem estado global.

Agnóstico de estado

Use setState, Riverpod, Bloc ou Provider. Nenhuma dependência necessária.

Primeiros passos

Instale declarative_nav e renderize páginas com callback do resolver.

Instalação

flutter pub add declarative_nav

Guia de uso

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

Nota importante

Este pacote evita Navigator.push/pop e chamadas de showDialog. Controle navegação e overlays a partir do estado.

Visão geral

Instalação