dart 如何获得Riverpod 2状态的长度，这是一个Map？

7uhlpewt 于 2024-01-04 发布在其他

关注(0)|答案(2)|浏览(220)

我在访问我的Map状态以获取列表MartialArtsMove. hand的长度时遇到问题。
以下是我的类/提供者：

import 'package:flutter_riverpod/flutter_riverpod.dart';
enum MartialArtsMove {
  hand,
  kick,
  grab;
}
class OneSteps extends Notifier<Map<MartialArtsMove, List<num>>> {
  @override
  Map<MartialArtsMove, List<num>> build() =>
      {for (final k in MartialArtsMove.values) k: <num>[]};
  void setMove(MartialArtsMove martialArtsMove, List<num> items) {
    state[martialArtsMove] = items;
    ref.notifyListeners();
  }
  void clearAll() {
    for (final martialArtsMove in MartialArtsMove.values) {
      state[martialArtsMove]!.clear();
    }
    ref.notifyListeners();
  }
}
final oneStepsProvider = StateProvider<OneSteps>((_) => OneSteps());

字符串
这是我在我的页面上使用它的方式：

var oneStepState = ref.watch(oneStepsProvider);
Text(
                  'Hands ${oneStepState.state[MartialArtsMove.hand]!.length}',
                  textAlign: TextAlign.center,
                  // overflow: TextOverflow.ellipsis,
                  style: const TextStyle(fontSize: 14),
                )

型
我也试

Text(
                  'Hands ${oneStepState[MartialArtsMove.hand]!.length}',
                  textAlign: TextAlign.center,
                  // overflow: TextOverflow.ellipsis,
                  style: const TextStyle(fontSize: 14),
                )

型

dart

来源：https://stackoverflow.com/questions/77567424/how-to-get-the-length-of-a-riverpod-2-state-that-is-a-map

2条答案

按热度按时间

g0czyy6m1#

你创建了一个Notifier，但随后通过StateProvider暴露了它。这些类并不是设计来一起工作的，事实上，你共享的代码包含一个linter警告，警告你不应该从类外部访问Notifier.state。最简单的解决方法是将你的provider类型更改为NotifierProvider，并更新你的ref用法，以分别检索通知程序及其状态：

typedef OneStepsState = Map<MartialArtsMove, List<num>>;
class OneSteps extends Notifier<OneStepsState> {
    // Unmodified, cut for brevity
}
final oneStepsProvider =
    NotifierProvider<OneSteps, OneStepsState>(() => OneSteps());
// Example of how to access the state and react to changes
class HandsText extends ConsumerWidget {
  @override
  Widget build(BuildContext context, ref) {
    final oneStepState = ref.watch(oneStepsProvider);
    final len = oneStepState[MartialArtsMove.hand]!.length;
    return Text('Hands $len');
  }
}
// Example of how to call the notifier methods
class ClearOneStepsButton extends ConsumerWidget {
  @override
  Widget build(context, ref) {
    return IconButton(
      onPressed: () {
        ref.read(oneStepsProvider.notifier).clearAll();
      },
      icon: const Icon(Icons.refresh),
    );
  }
}