Deklaratibong pag-navigate at overlays para sa Flutter.

Kontrolin ang Navigator 2.0 pages at screen-local overlays nang walang Navigator.push/pop o showDialog.

Mabilis na Simula Tingnan sa GitHub

Data ang mga pahina

PageEntry ay metadata lang ang iniingatan. UI ay ginagawa ng resolver mo.

Screen-local overlays

Mga dialog at bottom sheet ay limitado sa bawat screen nang walang global state.

Hindi nakatali sa state

Gumamit ng setState, Riverpod, Bloc o Provider. Walang dependency na kailangan.

Unang mga hakbang

I-install ang declarative_nav at i-render ang mga pahina gamit ang resolver callback.

Instalasyon

flutter pub add declarative_nav

Gabay sa Paggamit

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

Mahalagang Paalala

Iniiwasan ng package na ito ang Navigator.push/pop at mga tawag na showDialog. Patakbuhin ang navigation at overlays mula sa state.

Nakaraan

Pangkalahatang-ideya

Susunod

Instalasyon