Flutter Riverpod StateNotifier初始状态为空 组件重建后才正常显示数据

• 状态监听方式错误：在build方法中使用ref.read(hiveSalonProvider.notifier)仅能获取一次Notifier实例引用，不会建立状态监听，当Notifier内部数据变化时不会自动触发组件重建。
• 状态维护逻辑错误：StateNotifier的更新通知仅在state属性被重新赋值时触发，你额外定义的salonItems属于普通类字段，修改这个字段不会触发任何UI更新通知。首次加载时，异步读取Hive数据的操作完成后，虽然salonItems被填充了值，但UI收不到更新信号，一直停留在初始的加载状态；只有手动触发热重载重新执行build，才能读到已经被赋值的salonItems，显示列表。
• 类型定义缺失：Provider声明时泛型只写了List，没有指定为List<SalonModel>，类型丢失会导致状态更新链路的类型校验失效。
• 冗余字段导致数据不一致：同时维护state和salonItems两份列表数据，很容易出现数据不同步的问题，完全不符合StateNotifier的设计用法。

1. 修正Provider泛型定义，明确状态类型：

final hiveSalonProvider =
StateNotifierProvider<HiveSalonNotifier, List<SalonModel>>((ref) {
  return HiveSalonNotifier();
});

2. 重构Notifier类，删除冗余的salonItems字段，所有数据统一通过state维护，利用StateNotifier原生的状态更新机制触发UI刷新：

class HiveSalonNotifier extends StateNotifier<List<SalonModel>> {
  HiveSalonNotifier([List<SalonModel>? initialState])
      : super(initialState ?? <SalonModel>[]) {
    _cacheManager = SalonCacheManager('boxB');
    // 构造函数中触发初始化读缓存
    fetchDatasFromHiveBox();
  }

  late final CacheManagerBase<SalonModel> _cacheManager;

  Future<void> fetchDatasFromHiveBox() async {
    await _cacheManager.init();
    final cachedList = _cacheManager.getValues();
    if (cachedList != null && cachedList.isNotEmpty) {
      // 给state赋值会自动通知所有监听者刷新UI
      state = cachedList;
      print('provider: datas from caches');
    } else {
      // 无缓存时在此处实现服务端拉取逻辑，拿到数据后赋值给state即可
      print('provider: datas from services');
    }
  }
}

3. 修正UI层的状态获取逻辑，用ref.watch建立状态监听，渲染逻辑直接使用监听返回的状态值：

// build方法中监听provider状态，状态变化时自动重建当前组件
final salonList = ref.watch(hiveSalonProvider);

// 组件渲染部分
Column(
  children: [
    salonList.isNotEmpty
        ? ListView.builder(
            shrinkWrap: true,
            itemCount: salonList.length,
            itemBuilder: (BuildContext context, int index) {
              return ListTile(
                leading: const CircleAvatar(),
                title: Text(salonList[index].salonName.toString()),
              );
            },
          )
        : const CircularProgressIndicator(color: Colors.white),
  ],
)

注意：ref.read仅适合在点击事件等一次性回调中获取Notifier实例调用方法，不要在build方法中用ref.read获取渲染依赖的状态值，否则会丢失状态更新的响应能力。

内容的提问来源于stack exchange，提问作者Tolga Yılmaz