ការនាវីហ្គេស្យុងបែបប្រកាស និងអូវើឡេយសម្រាប់ 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។ គ្រប់គ្រងនាវីហ្គេស្យុង និងអូវើឡេយពីស្ថានភាព។