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

Gabay sa Paggamit

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

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