ការនាវីហ្គេស្យុងបែបប្រកាស និងអូវើឡេយសម្រាប់ Flutter។
គ្រប់គ្រងទំព័រ Navigator 2.0 និងអូវើឡេយក្នុងអេក្រង់ដោយមិនប្រើ Navigator.push/pop ឬ showDialog។
ទំព័រជាទិន្នន័យ
PageEntry រក្សាទុកតែ metadata ប៉ុណ្ណោះ។ UI ត្រូវបានបង្កើតដោយ resolver របស់អ្នក។
អូវើឡេយក្នុងអេក្រង់
Dialog និង bottom sheet ត្រូវបានកំណត់តាមអេក្រង់ ដោយគ្មានស្ថានភាពសកល។
មិនពឹងផ្អែកលើស្ថានភាព
ប្រើ setState, Riverpod, Bloc ឬ Provider។ មិនចាំបាច់មាន dependencies ទេ។
ជំហានដំបូង
ដំឡើង 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។ គ្រប់គ្រងនាវីហ្គេស្យុង និងអូវើឡេយពីស្ថានភាព។
មុន
ទិដ្ឋភាពទូទៅបន្ទាប់
ការដំឡើង