Հայտարարական նավիգացիա և օվերլեյներ Flutter-ի համար։
Կառավարեք Navigator 2.0 էջերը և էկրանի տեղական օվերլեյները առանց Navigator.push/pop կամ showDialog։
Էջերը տվյալներ են
PageEntry-ը պահում է միայն մետատվյալներ։ UI-ն ստեղծվում է ձեր ռեզոլվերով։
Էկրանի տեղական օվերլեյներ
Դիալոգներն ու bottom sheet-երը սահմանափակված են էկրանով՝ առանց գլոբալ վիճակի։
Վիճակից անկախ
Օգտագործեք setState, Riverpod, Bloc կամ Provider։ Չկան պարտադիր կախվածություններ։
Առաջին քայլերը
Տեղադրեք declarative_nav-ը և էջերը ռենդերեք ռեզոլվերի 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 կանչերից։ Նավիգացիան ու օվերլեյները վարեք վիճակից։
Նախորդ
Ընդհանուր պատկերացումՀաջորդ
Տեղադրում