我正在学习关于状态管理的provider
+ChangeNotifier
,但我找不到任何关于如何从ChangeNotifier
.
假设我们改进了此处provider_shopper
的示例,因此当用户单击“购买”时,会执行一些购买逻辑,然后导航到“订单审核”页面。这个导航应该如何实现?CartModel
我们是否为 提供了回调CartModel
,所以它会调用它并触发 UI 上的导航?
我正在学习关于状态管理的provider
+ChangeNotifier
,但我找不到任何关于如何从ChangeNotifier
.
假设我们改进了此处provider_shopper
的示例,因此当用户单击“购买”时,会执行一些购买逻辑,然后导航到“订单审核”页面。这个导航应该如何实现?CartModel
我们是否为 提供了回调CartModel
,所以它会调用它并触发 UI 上的导航?
可能有一个更简单、更优雅的解决方案,但我只能考虑使用一页并取消导航器:
@override
Widget build(BuildContext context) {
final appProvider = Provider.of<AppProvider>(context);
switch (appProvider.getCurrentPage()) {
case 'home': return homePage(appProvider);break;
case 'test': return testPage(appProvider,context);break;
}
return homePage(appProvider);
}
每个“页面”只是一个返回 Wigdet(脚手架)的函数:
Widget testPage(AppProvider appProvider,BuildContext context) {
return WillPopScope(
onWillPop: () {return controlBackButton(appProvider,context);},
child: Scaffold(
appBar: AppBar(
title: Text('Test Page'),
),
更改页面:
void changePage(AppProvider appProvider,String page) {
setState(() {
appProvider.setCurrentPage(page);
});
}
除主页外的所有页面都需要包装在 WillPopScope 小部件中,以使后退按钮导航到主屏幕:
Future<bool> controlBackButton(AppProvider appProvider) async{
setState(() {
appProvider.setCurrentPage('home');
});
return false;
}
我认为这不是最好的解决方案,而是一个好的开始。