如何使用 Riverpod 的 statenotifier 处理表单？

Question

我正在尝试使用 StateNotifier 来处理表单，但在查看 stateNotifierProvider 时，我得到了 object 我正在尝试更新而不是提供程序。

这是我的实现：

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,
    );
  },
),

我收到以下错误：

Class 'ProfileModel' 没有实例方法 'setUsername'。 接收方：“ProfileModel”实例尝试调用：setUsername("qsqsqsq")

我在这里做错了什么？

我正在使用 hook_riverpod 版本：“0.14.0+2” 谢谢你的帮助

Answer 1

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

改变：

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

至：

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

类似的问题在这里。

更多关于这里的变化。