Flutter ਲਈ ਘੋਸ਼ਣਾਤਮਕ ਨੇਵੀਗੇਸ਼ਨ ਅਤੇ ਓਵਰਲੇ।
Navigator.push/pop ਜਾਂ showDialog ਤੋਂ ਬਿਨਾਂ Navigator 2.0 ਪੰਨੇ ਅਤੇ ਸਕ੍ਰੀਨ-ਲੋਕਲ ਓਵਰਲੇ ਕੰਟਰੋਲ ਕਰੋ।
ਪੰਨੇ ਡਾਟਾ ਹਨ
PageEntry ਸਿਰਫ ਮੈਟਾਡਾਟਾ ਸਟੋਰ ਕਰਦਾ ਹੈ। UI ਤੁਹਾਡੇ resolver ਦੁਆਰਾ ਬਣਦਾ ਹੈ।
ਸਕ੍ਰੀਨ-ਲੋਕਲ ਓਵਰਲੇ
ਡਾਇਲਾਗ ਅਤੇ bottom sheets ਹਰ ਸਕ੍ਰੀਨ ਲਈ ਸੀਮਿਤ ਹਨ, ਗਲੋਬਲ ਸਟੇਟ ਤੋਂ ਬਿਨਾਂ।
ਸਟੇਟ-ਅਗਨੋਸਟਿਕ
setState, Riverpod, Bloc ਜਾਂ Provider ਵਰਤੋ। ਕੋਈ dependency ਲੋੜੀਂਦੀ ਨਹੀਂ।
ਪਹਿਲੇ ਕਦਮ
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 ਕਾਲਾਂ ਤੋਂ ਬਚਦਾ ਹੈ। ਸਟੇਟ ਤੋਂ ਨੇਵੀਗੇਸ਼ਨ ਅਤੇ ਓਵਰਲੇ ਚਲਾਓ।
ਪਿਛਲਾ
ਝਲਕਅਗਲਾ
ਇੰਸਟਾਲੇਸ਼ਨ