如何解决Flutter:如何在多页中使用带有 SharedPreference 和 List<String> 变量的 Riverpod?
我创建了 List<String> favId = [];
变量来使用 SharedPreferences 存储项目的 ID,因此在我重新启动应用程序后收藏的项目 ID 不会丢失。这是我的 SharedPreferences 方法和最喜欢的 IconButton DoaPage.dart :
...
static List<String> favId = [];
getData() async {
SharedPreferences pref = await SharedPreferences.getInstance();
setState(() {
favId = pref.getStringList("id") ?? [];
});
}
void initState() {
super.initState();
getIds();
}
getIds() async {
favId = getData();
}
void saveData() async {
SharedPreferences pref = await SharedPreferences.getInstance();
pref.setStringList("id",favId);
}
...
IconButton(
icon: Icon(
favId.contains(doa.id.toString())
? Icons.favorite
: Icons.favorite_border,color: favId.contains(doa.id.toString())
? Colors.red
: Colors.grey,),onpressed: () => setState(() {
doa.fav = !doa.fav;
if (favId.contains(doa.id.toString())) {
favId.removeWhere(
(element) => element == doa.id.toString());
} else {
favId.add(doa.id.toString());
}
saveData();
favId.sort();
}),)
除此之外,我还想在 favPage.dart(另一个页面)中使用 ListView.builder 显示收藏的项目。当然,我想从 detailDoaPage.dart 获取 favId。如何在这 2 个页面中实现提供者/riverpod?
这是我的应用程序的预览:
谢谢:)
解决方法
我推荐的方法是创建一个 StateNotifier 来处理状态以及与 SharedPreferences 的交互。以下内容也简化了小部件中的逻辑。
final sharedPrefs =
FutureProvider<SharedPreferences>((_) async => await SharedPreferences.getInstance());
class FavoriteIds extends StateNotifier<List<String>> {
FavoriteIds(this.pref) : super(pref?.getStringList("id") ?? []);
static final provider = StateNotifierProvider<FavoriteIds,List<String>>((ref) {
final pref = ref.watch(sharedPrefs).maybeWhen(
data: (value) => value,orElse: () => null,);
return FavoriteIds(pref);
});
final SharedPreferences? pref;
void toggle(String favoriteId) {
if (state.contains(favoriteId)) {
state = state.where((id) => id != favoriteId).toList();
} else {
state = [...state,favoriteId];
}
// Throw here since for some reason SharedPreferences could not be retrieved
pref!.setStringList("id",state);
}
}
用法:
class DoaWidget extends ConsumerWidget {
const DoaWidget({Key? key,required this.doa}) : super(key: key);
final Doa doa;
@override
Widget build(BuildContext context,ScopedReader watch) {
final favoriteIds = watch(FavoriteIds.provider);
return IconButton(
icon: favoriteIds.contains('') ? Icon(Icons.favorite) : Icon(Icons.favorite_border),color: favoriteIds.contains('') ? Colors.red : Colors.grey,onPressed: () => context.read(FavoriteIds.provider.notifier).toggle(doa.id.toString()),);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。