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