颤动-网络:浏览器刷新时提供商状态丢失 [英] Flutter-web: Provider loss of state when browser refresh
本文介绍了颤动-网络:浏览器刷新时提供商状态丢失的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
所以我想知道为什么提供程序在浏览器刷新时会丢失状态。刷新/重新加载后不应该保持状态吗?
非常感谢您的帮助
颤动的默认项目
home: ChangeNotifierProvider<Counter>(
create: (_) => Counter(),
child: MyHomePage(title: 'Flutter Demo Home Page')),
class MyHomePage extends StatelessWidget {
final String title;
MyHomePage({this.title});
@override
Widget build(BuildContext context) {
final counter = Provider.of<Counter>(context);
return Scaffold(
appBar: AppBar(
title: Text(title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'You have pushed the button this many
times:',
),
Text(
'${counter.value}',
style:
Theme.of(context).textTheme.headline4,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: () => counter.increment(),
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
}
下面是提供程序类
import 'package:flutter/foundation.dart';
class Counter with ChangeNotifier {
int value=0;
void increment() {
value++;
notifyListeners();
}
}
推荐答案
您可以使用Cookie或跟踪状态和其他信息。我发现了这段代码,即使在刷新时也能正常工作。
import 'package:universal_html/html.dart' as html;
class CookieManager {
static addToCookie(String key, String value) {
// 2592000 sec = 30 days.
html.document.cookie = "$key=$value; max-age=2592000; path=/;";
}
static String getCookie(String key) {
String cookies = html.document.cookie;
List<String> listValues = cookies.isNotEmpty ? cookies.split(";") : List();
String matchVal = "";
for (int i = 0; i < listValues.length; i++) {
List<String> map = listValues[i].split("=");
String _key = map[0].trim();
String _val = map[1].trim();
if (key == _key) {
matchVal = _val;
break;
}
}
return matchVal;
}
}
这篇关于颤动-网络:浏览器刷新时提供商状态丢失的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文