我已成功將值作為字串存盤在 localStorage 中，如下所示：
var acceptedCompany = jsonEncode('${item.company!.name!}');
print('storedCompany: $acceptedCompany'); // succesfully prints value as 'abc'
await sharedPref.save('savedCompany', acceptedCompany);
現在我想從另一個螢屏讀取存盤的值并將其分配給一個變數，然后我可以將其系結到我的 Text() 小部件。我已成功訪問控制臺中的值。但是，當我嘗試將存盤的值分配給變數時，出現錯誤：
"Instance of Future<dynamic>"
以下是我如何取回存盤的值：
class _SideBarState extends State < SideBar > {
SharedPref sharedPref = SharedPref();
var savedCompany;
String key = 'storedCompany';
@override
@override
void didChangeDependencies() {
getCompany();
super.didChangeDependencies();
}
getCompany() async {
savedCompany = await sharedPref.read(key);
print('getComp: $savedCompany'); // this returns the stored value i.e 'abc' but I can't assign this to the Text widget
}
@override
Widget build(BuildContext context) {
var savedCompany2 = getCompany();
print('getComp2: $savedCompany2'.toString()); // generates an error 'Instance of Future<dynamic>'
return Text($savedCompany2);
}
}
我的 SharedPref 類如下所示：
read(key) async {
final prefs = await SharedPreferences.getInstance();
final value = prefs.getString(key) ? ? 0;
// print('retrievedValue: ' '$value');
return value;
}
save(key, value) async {
final prefs = await SharedPreferences.getInstance();
// prefs.setString(key, json.encode(value));
prefs.setString(key, value);
// print('savedToken:' '$key');
}
如何訪問該sharedPreference值并將其分配給我可以系結到 Text 小部件的變數？
uj5u.com熱心網友回復：
為了解決這個問題，您可以在initState或之后設定值FutureBuilder。
FutureBuilder：
class SideBar extends StatefulWidget {
const SideBar({Key? key}) : super(key: key);
@override
State<SideBar> createState() => _SideBarState();
}
class _SideBarState extends State<SideBar> {
SharedPref sharedPref = SharedPref();
String key = 'storedCompany';
Future<String> getCompany() async {
return await sharedPref.read(key);
}
@override
Widget build(BuildContext context) {
return FutureBuilder<String>(
future: getCompany(),
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
if (snapshot.hasData) {
return Text('Result: ${snapshot.data}');
} else if (snapshot.hasError) {
return Text('Error: ${snapshot.error}');
} else {
return Center(child: CircularProgressIndicator());
}
},
);
}
}
之后initState()：
class SideBar extends StatefulWidget {
const SideBar({Key? key}) : super(key: key);
@override
State<SideBar> createState() => _SideBarState();
}
class _SideBarState extends State<SideBar> {
SharedPref sharedPref = SharedPref();
String key = 'storedCompany';
String? _companyName;
Future<void> getCompany() async {
var name = await sharedPref.read(key);
setState(() {
_companyName = name;
});
}
@override
void initState() {
super.initState();
getCompany();
}
@override
Widget build(BuildContext context) {
if(_companyName == null) return Center(child:CircularProgressIndicator());
return Text(_companyName!);
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/364084.html
下一篇：集團觀察員不顯示日志