gpt4 book ai didi

flutter : Prevent FutureBuilder always refresh every change screen

转载 作者:行者123 更新时间:2023-12-03 02:46:42 26 4
gpt4 key购买 nike

我有 FutureBuilder 从 API 和代码中获取用户资料来获取用户,如下所示:

 Future<List<UserModel>> getUserByUsername({@required String username}) async {
try {
final response =
await _client.get("$_baseUrl/getUserByUsername?username=$username");
final Map<String, dynamic> responseJson = json.decode(response.body);
if (responseJson["status"] == "ok") {
List userList = responseJson['data'];
final result = userList
.map<UserModel>((json) => UserModel.fromJson(json))
.toList();
return result;
} else {
throw CustomError(responseJson['message']);
}
} catch (e) {
return Future.error(e.toString());
}
}
future builder
如果您在上面的 GIF 中可以看到,My FutureBuilder 位于 BottomNavigationBar 内。每次我从 BottomNavigationBar 更改屏幕/页面并回到我的 FutureBuilder 总是刷新!
我如何才能将其修复为仅刷新一次?
主屏幕
class _HomeScreenState extends State<HomeScreen> {
@override
Widget build(BuildContext context) {
final username = Provider.of<SharedPreferencesFunction>(context).username;
return SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
CardTime(),
FutureBuilder(
future: userApi.getUserByUsername(username: username),
builder: (BuildContext context,
AsyncSnapshot<List<UserModel>> snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
if (snapshot.hasError) {
return Center(
child: Text(
snapshot.error.toString(),
),
);
} else {
final user = snapshot.data[0];
return CardProfil(
imageUrl: "${userApi.baseImageUrl}/${user.fotoUser}",
detailProfil: [
Text(
user.namaUser,
style: TextStyle(fontWeight: FontWeight.bold),
),
Text(user.idDevice),
],
);
}
} else {
return Center(
child: CircularProgressIndicator(),
);
}
},
),
],
),
);
}
}

共享首选项功能
import 'package:flutter/cupertino.dart';
import 'package:shared_preferences/shared_preferences.dart';

class SharedPreferencesFunction extends ChangeNotifier {
SharedPreferencesFunction() {
initialSharedPreferences();
getUsername();
}
String _username;
String get username => _username;

void initialSharedPreferences() {
getUsername();
}

Future updateUsername(String username) async {
SharedPreferences pref = await SharedPreferences.getInstance();
await pref.setString("username", username);
//! It's Important !!! After update / remove sharedpreferences , must called getUsername() to updated the value.
getUsername();
notifyListeners();
}

Future removeUsername() async {
SharedPreferences pref = await SharedPreferences.getInstance();
final result = await pref.remove("username");
//! It's Important !!! After update / remove sharedpreferences , must called getUsername() to updated the value.
getUsername();
print(result);
notifyListeners();
}

Future getUsername() async {
SharedPreferences pref = await SharedPreferences.getInstance();
final result = pref.getString("username");
_username = result;
notifyListeners();
}
}

final sharedpref = SharedPreferencesFunction();

Update Question


我已经尝试过 Initialize FutureBuilder 并使用 initState didChangeDependencies .但新问题是,如果我在 内部初始化initState 我的个人资料无法重建,因为 提供者监听=false .
如果我使用 didChangeDependencies 我的 FutureBuilder 仍然在每次更换屏幕时刷新。
有问题 ?
使用 initState
enter image description here
使用 didChangeDependencies
enter image description here

最佳答案

初始化 Future期间initStatedidChangeDependencies反而。

class _HomeScreenState extends State<HomeScreen> {
Future<List<UserModel>> user;

@override
void initState() {
super.initState();

// must use listen false here
final username = Provider.of<SharedPreferencesFunction>(context, listen: false).username;
user = userApi.getUserByUsername(username: username);
}

@override
void didChangeDependencies() {
super.didChangeDependencies();

final username = Provider.of<SharedPreferencesFunction>(context).username;
user = userApi.getUserByUsername(username: username);
}

@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
FutureBuilder(
future: user,
builder: (context, snapshot) {
// ...
},
),
],
),
);
}
}

关于 flutter : Prevent FutureBuilder always refresh every change screen,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60143638/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com