Flutterയ്ക്ക് വേണ്ടി ഡിക്ലാരേറ്റീവ് നാവിഗേഷനും ഓവർലേകളും.

Navigator.push/pop അല്ലെങ്കിൽ showDialog ഇല്ലാതെ Navigator 2.0 പേജുകളും സ്ക്രീൻ-ലോകൽ ഓവർലേകളും നിയന്ത്രിക്കുക.

പേജുകൾ ഡാറ്റയാണ്

PageEntry മെറ്റാഡാറ്റ മാത്രമേ സൂക്ഷിക്കൂ. UI നിങ്ങളുടെ റിസോൾവർ സൃഷ്ടിക്കുന്നു.

സ്ക്രീൻ-ലോകൽ ഓവർലേകൾ

ഡയലോഗുകളും bottom sheet-കളും ഓരോ സ്ക്രീനിലും പരിമിതമാണ്, ഗ്ലോബൽ സ്റ്റേറ്റ് ഇല്ലാതെ.

സ്റ്റേറ്റ്-അഗ്നോസ്റ്റിക്

setState, Riverpod, Bloc അല്ലെങ്കിൽ Provider ഉപയോഗിക്കുക. ആശ്രിതത്വങ്ങൾ ആവശ്യമില്ല.

ആദ്യ ഘട്ടങ്ങൾ

declarative_nav ഇൻസ്റ്റാൾ ചെയ്ത് resolver callback വഴി പേജുകൾ render ചെയ്യുക.

ഇൻസ്റ്റലേഷൻ

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 കോളുകളും ഒഴിവാക്കുന്നു. സ്റ്റേറ്റിൽ നിന്ന് നാവിഗേഷനും ഓവർലേകളും നിയന്ത്രിക്കുക.

മുമ്പത്തെ

അവലോകനം

അടുത്തത്

ഇൻസ്റ്റലേഷൻ