1

我正在学习关于状态管理的provider+ChangeNotifier,但我找不到任何关于如何从ChangeNotifier.

假设我们改进了此处provider_shopper的示例,因此当用户单击“购买”时,会执行一些购买逻辑,然后导航到“订单审核”页面。这个导航应该如何实现?CartModel

我们是否为 提供了回调CartModel,所以它会调用它并触发 UI 上的导航?

4

1 回答 1

-2

可能有一个更简单、更优雅的解决方案,但我只能考虑使用一页并取消导航器:

@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;
  }

我认为这不是最好的解决方案,而是一个好的开始。

于 2019-08-02T20:08:55.923 回答