如何使用 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);

類似的問題在這里。

更多關於這里的變化。