ניווט דקלרטיבי ושכבות עבור Flutter.
נהלו עמודי Navigator 2.0 ושכבות מקומיות למסך בלי Navigator.push/pop או showDialog.
עמודים הם נתונים
PageEntry שומר רק מטא-נתונים. ה-UI נוצר על ידי ה-resolver שלך.
שכבות מקומיות למסך
דיאלוגים ו-bottom sheets מוגבלים לכל מסך ללא מצב גלובלי.
בלתי תלוי במצב
השתמשו ב-setState, Riverpod, Bloc או Provider. אין צורך בתלויות.
צעדים ראשונים
התקינו declarative_nav והציגו עמודים באמצעות callback של resolver.
התקנה
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. נהלו ניווט ושכבות מתוך המצב.