Flutter ਲਈ ਘੋਸ਼ਣਾਤਮਕ ਨੇਵੀਗੇਸ਼ਨ ਅਤੇ ਓਵਰਲੇ।

Navigator.push/pop ਜਾਂ showDialog ਤੋਂ ਬਿਨਾਂ Navigator 2.0 ਪੰਨੇ ਅਤੇ ਸਕ੍ਰੀਨ-ਲੋਕਲ ਓਵਰਲੇ ਕੰਟਰੋਲ ਕਰੋ।

ਪੰਨੇ ਡਾਟਾ ਹਨ

PageEntry ਸਿਰਫ ਮੈਟਾਡਾਟਾ ਸਟੋਰ ਕਰਦਾ ਹੈ। UI ਤੁਹਾਡੇ resolver ਦੁਆਰਾ ਬਣਦਾ ਹੈ।

ਸਕ੍ਰੀਨ-ਲੋਕਲ ਓਵਰਲੇ

ਡਾਇਲਾਗ ਅਤੇ bottom sheets ਹਰ ਸਕ੍ਰੀਨ ਲਈ ਸੀਮਿਤ ਹਨ, ਗਲੋਬਲ ਸਟੇਟ ਤੋਂ ਬਿਨਾਂ।

ਸਟੇਟ-ਅਗਨੋਸਟਿਕ

setState, Riverpod, Bloc ਜਾਂ Provider ਵਰਤੋ। ਕੋਈ dependency ਲੋੜੀਂਦੀ ਨਹੀਂ।

ਪਹਿਲੇ ਕਦਮ

declarative_nav ਇੰਸਟਾਲ ਕਰੋ ਅਤੇ resolver callback ਰਾਹੀਂ ਪੰਨੇ ਰੇਂਡਰ ਕਰੋ।

ਇੰਸਟਾਲੇਸ਼ਨ

flutter pub add declarative_nav

ਵਰਤੋਂ ਮਾਰਗਦਰਸ਼ਿਕਾ

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,
    );
  }
}
ਮਹੱਤਵਪੂਰਨ ਨੋਟ

ਇਹ ਪੈਕੇਜ Navigator.push/pop ਅਤੇ showDialog ਕਾਲਾਂ ਤੋਂ ਬਚਦਾ ਹੈ। ਸਟੇਟ ਤੋਂ ਨੇਵੀਗੇਸ਼ਨ ਅਤੇ ਓਵਰਲੇ ਚਲਾਓ।