【问题标题】:Flutter navigation drawer and "deletes" state of stateful widgetFlutter 导航抽屉和有状态小部件的“删除”状态
【发布时间】:2020-09-26 01:11:15
【问题描述】:

我有一个带有几个有状态和无状态小部件的小型颤振应用程序。 我的抽屉小部件如下所示:

class AppDrawer extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        padding: EdgeInsets.zero,
        children: <Widget>[
          _createDrawerHeader(),
          ListTile(
            title: Text('Scenario'),
            onTap: () {
              Navigator.pop(context);
              Navigator.pushReplacementNamed(context, Routes.scenario);
            },
          ),
...

这适用于我的小部件之间的切换。我现在有一个简单的计数器小部件,它在其状态中存储一个计数器变量。

class Counter extends StatefulWidget {
  static const String routeName = '/Counter';

  int _counter = 0;
  @override
  _CounterState createState() => new _CounterState();
}

class _CounterState extends State<Counter> {
  void _increment() {
    setState(() {
      widget._counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Row(
        children: <Widget>[
          new RaisedButton(
            onPressed: _increment,
            child: new Text('Increment'),
          ),
          new Text('Count: ${widget._counter}'),
        ],
      ),
      drawer: AppDrawer(),
    );
  }
}

如果我使用抽屉在此小部件和其他小部件之间切换并返回到计数器小部件,则计数器始终为 0。看起来状态每次都被初始化。 我是使用颤振的初学者,我想我可以在这种状态下保存一个变量。我想我错了。由于我的搜索没有得到一些有用的结果,也许你可以告诉我如何解决这个问题,或者只是提供一些信息链接。 谢谢你的帮助:)

【问题讨论】:

  • 您如何维护应用程序中的状态?您使用的是blocprovider 还是其他方法?
  • 不,到目前为止我只是想存储计数器。所以看来我需要的不仅仅是有状态小部件的状态类?
  • 尝试用 pushNamed 替换 pushReplacementNamed。替换基本上删除了当前删除与此上下文关联的路由,因此是 Counter 小部件。虽然只是 push 会将新路由放在导航器堆栈的顶部,但会保存以前的状态
  • 您可以存储状态并在创建小部件时将其传回给小部件。例如您可以使用某种状态管理方式存储计数器,然后重用存储的值。
  • 用 pushNamed 替换 pushReplacementNamed 并没有改变任何东西。

标签: flutter


【解决方案1】:

我建议学习某种状态管理实践。您最终将需要学习这一点,因为这是必不可少的步骤。尝试使用简单易用的提供程序。

【讨论】:

  • 我花了几个小时,但我也切换到了一个保存我的应用程序状态的类。任何对 Flutter 直接提供的状态示例感到困惑的人都应该看看这篇文章:medium.com/flutter-community/… 对我帮助很大!
猜你喜欢
  • 1970-01-01
  • 2014-08-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-27
  • 1970-01-01
  • 1970-01-01
  • 2015-05-30
相关资源
最近更新 更多