如何使用 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” 感谢您的帮助

解决方法

从 Riverpod 0.14.0 开始，State 是 StateNotifierProvider 公开的默认值。

变化：

context
  .read(profileCreationFormNotifierProvider)
  .setUsername(value);

到：

context
  .read(profileCreationFormNotifierProvider.notifier)
  .setUsername(value);

类似问题here。

有关更改的更多信息 here。

hook hook riverpod