Flutter के लिए घोषणात्मक नेविगेशन और ओवरले।
Navigator.push/pop या showDialog के बिना Navigator 2.0 पेज और स्क्रीन-लोकल ओवरले नियंत्रित करें।
पेज डेटा हैं
PageEntry केवल मेटाडेटा रखता है। UI आपके resolver द्वारा बनाया जाता है।
स्क्रीन-लोकल ओवरले
डायलॉग और bottom sheets हर स्क्रीन तक सीमित हैं, बिना ग्लोबल स्टेट के।
स्टेट-एग्नॉस्टिक
setState, Riverpod, Bloc या Provider का उपयोग करें। कोई निर्भरता आवश्यक नहीं।
पहले कदम
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 कॉल्स से बचता है। स्टेट से नेविगेशन और ओवरले चलाएँ।
पिछला
ओवरव्यूअगला
इंस्टॉलेशन