Flutter 保存小部件的状态
我有一个按钮,按下一个页面,用户填写一些数据,然后他们可以退出页面,但回来编辑它 我提供了一个简化的示例,目标是能够在退出“count page”后维护计数器,而不必将计数器保存在其他变量中。我想要一种保存小部件状态的通用方法 换句话说,我不想处理状态,我想保存状态,这样当我导航回该页面时,就好像我从未弹出过它一样Flutter 保存小部件的状态,flutter,Flutter,我有一个按钮,按下一个页面,用户填写一些数据,然后他们可以退出页面,但回来编辑它 我提供了一个简化的示例,目标是能够在退出“count page”后维护计数器,而不必将计数器保存在其他变量中。我想要一种保存小部件状态的通用方法 换句话说,我不想处理状态,我想保存状态,这样当我导航回该页面时,就好像我从未弹出过它一样 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp ex
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会看一看,不过谢谢!你需要学习状态管理,我不能给你一个直接的答案,因为有很多可能取决于你的特定代码。