如何使用 riverpod 的 statenotifier 来处理表单？

Question

我正在尝试使用 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,
    );
  },
),

我收到以下错误：

Class 'ProfileModel' has no instance method 'setUsername'. Receiver: Instance of 'ProfileModel' Tried calling: 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);

类似问题。

有关更改的更多信息 here。

如何使用 riverpod 的 statenotifier 来处理表单？

How can I use riverpod's statenotifier for handling a form?

hook

flutter

riverpod