flutter - 如何使用 Riverpod 的 statenotifier 处理表单?
问题描述
我正在尝试使用 StateNotifier 来处理表单,但在查看 stateNotifierProvider 时,我得到了要更新的对象而不是提供者。
这是我的实现:
final profileCreationFormNotifierProvider =
StateNotifierProvider((ref) => ProfileCreationFormNotifier());
class ProfileCreationFormNotifier extends StateNotifier<ProfileModel> {
ProfileCreationFormNotifier()
: super(
ProfileModel(
city: '',
country: '',
firstname: '',
lastname: '',
pictureUrl: '',
username: '',
gender: '',
),
);
void setFirstname(String firstname) {
state = state.copyWith(firstname: firstname);
}
void setLatstname(String lastname) {
state.copyWith(lastname: lastname);
}
void setUsername(String username) {
state.copyWith(username: username);
}
void setGender(String gender) {
state.copyWith(gender: gender);
}
}
然后在消费者小部件中,我尝试调用方法来更新表单上的字段,如下所示
Consumer(
builder:
(BuildContext context, ScopedReader watch, Widget? child) {
return CustomTextField(
controller: usernameFieldController,
hintText: 'Username',
isEmail: false,
onSave: (value) {
context
.read(profileCreationFormNotifierProvider)
.setUsername(value);
},
onValidate: (value) => validator(value!, "Username"),
secured: false,
);
},
),
我收到以下错误:
“ProfileModel”类没有实例方法“setUsername”。接收方:“ProfileModel”实例尝试调用:setUsername("qsqsqsq")
我在这里做错了什么?
我正在使用 hook_riverpod 版本:“0.14.0+2” 谢谢你的帮助
解决方案
推荐阅读
- vhdl - vhdl 中没有实际的常量接口
- python - 具有可变数量参数的函数
- javascript - 滚动方向错误 机车滚动
- javascript - js:页面加载时显示第一帧视频
- elasticsearch - ElasticSearch:如果文档中存在字段,则在 script_score 函数中执行余弦相似度
- python - 用鼠标单击轮廓但只能找到 1 个轮廓?
- reactjs - 如何存储 socket-io-client 实例以通过应用程序访问
- html - 如何创建一个里面有文字的圆圈
- python - 将 Discord.py 作为 asyncio 子进程运行
- mongodb - 如何从 shell 暂停/恢复 mongodb 云/atlas 集群