Flutter 保存小部件的状态

Flutter 保存小部件的状态,flutter,Flutter,我有一个按钮,按下一个页面,用户填写一些数据,然后他们可以退出页面,但回来编辑它 我提供了一个简化的示例,目标是能够在退出“count page”后维护计数器,而不必将计数器保存在其他变量中。我想要一种保存小部件状态的通用方法 换句话说,我不想处理状态,我想保存状态,这样当我导航回该页面时,就好像我从未弹出过它一样 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp ex

我有一个按钮,按下一个页面,用户填写一些数据,然后他们可以退出页面,但回来编辑它

我提供了一个简化的示例,目标是能够在退出“count page”后维护计数器,而不必将计数器保存在其他变量中。我想要一种保存小部件状态的通用方法

换句话说,我不想处理状态,我想保存状态,这样当我导航回该页面时,就好像我从未弹出过它一样

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Save State',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RaisedButton(
          child: Text("Go to counter page"),
          onPressed: () {
            Navigator.push(context,
                MaterialPageRoute(builder: (context) => CounterPage()));
          },
        ),
      ),
    );
  }
}

class CounterPage extends StatefulWidget {
  @override
  _CounterPageState createState() => _CounterPageState();
}

class _CounterPageState extends State<CounterPage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
            RaisedButton(
              child: Text("Go back"),
              onPressed: () {
                Navigator.pop(context);
              },
            )
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

导入“包装:颤振/材料.省道”;
void main()=>runApp(MyApp());
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
标题:“保存状态”,
主题:主题数据(
主样本:颜色。蓝色,
),
主页:主页(),
);
}
}
类主页扩展了StatefulWidget{
@凌驾
_HomePageState createState()=>\u HomePageState();
}
类_HomePageState扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
正文:中(
孩子:升起按钮(
子项:文本(“转到计数器页”),
已按下:(){
Navigator.push(上下文,
MaterialPage路由(生成器:(上下文)=>CounterPage());
},
),
),
);
}
}
类CounterPage扩展StatefulWidget{
@凌驾
_CounterPageState createState()=>_CounterPageState();
}
类_CounterPageState扩展状态{
int _计数器=0;
void _incrementCounter(){
设置状态(){
_计数器++;
});
}
@凌驾
小部件构建(构建上下文){
返回脚手架(
正文:中(
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
正文(
“您已经按了这么多次按钮:”,
),
正文(
“$”计数器“,
风格:Theme.of(context).textTheme.headline4,
),
升起的按钮(
子:文本(“返回”),
已按下:(){
Navigator.pop(上下文);
},
)
],
),
),
浮动操作按钮:浮动操作按钮(
按下时:\ u递增计数器,
工具提示:“增量”,
子:图标(Icons.add),
),
);
}
}

您应该了解更多,有很多选择,您应该选择您喜欢的


如果您只想通过一些简单的方法获得“页面”的结果,只需从
Navigator.pop

返回计数器值即可!我认为你没有正确理解我的问题。我的页面在其状态中存储了大量数据,我希望以某种方式保留该状态,并在以后导航到该页面时再次使用它,而不是重置其数据。正如我提到的,计数器只是一个例子,这就是国家管理的意义所在。这个值不是存储在你的widget类中,而是存储在另一个单独的类中。啊,我明白你的意思了,谢谢,我想知道这有多可行,因为我有大约14页这样的页面:P会看一看,不过谢谢!你需要学习状态管理,我不能给你一个直接的答案,因为有很多可能取决于你的特定代码。