Riverpod组合Provider编译错误：Flutter Riverpod 2.0.2计数器应用问题

你的代码出现编译错误主要有以下几个原因：

1. StateNotifier泛型声明错误
   你的ItemProvider泛型写法不正确，应该让StateNotifier指定类型参数，而非给ItemProvider加泛型。错误写法导致ref.watch(_myCount)返回的类型是dynamic，无法直接和int类型的价格相乘。

2. StateNotifierProvider未指定泛型
   Riverpod 2.0要求StateNotifierProvider必须明确指定状态类型和Notifier类型，否则类型推导会出现问题。

3. 错误使用StateProvider作为计算型Provider
   _priceManager是基于其他两个Provider计算出的值，不需要维护自身状态，应该用普通的Provider而非StateProvider。

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

// 明确指定StateNotifierProvider的泛型参数：Notifier类型和状态类型
final _myCount = StateNotifierProvider<ItemProvider, int>((ref) => ItemProvider());
final _myPrice = StateProvider<int>((ref) => 200);

// 使用普通Provider来计算派生值
final _priceManager = Provider<int>(
  (ref) {
    final count = ref.watch(_myCount);
    final price = ref.watch(_myPrice);
    return count * price;
  },
);

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('RIVERPOD'),
        centerTitle: true,
      ),
      body: Consumer(builder: (context, ref, child) {
        final newCount = ref.watch(_myCount);
        final itemChange = ref.read(_myCount.notifier);
        final totalPrice = ref.watch(_priceManager);
        return Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const Text("ITEMS: "),
                IconButton(
                    onPressed: () {
                      itemChange.decrement();
                    },
                    icon: const Icon(
                      Icons.arrow_back_ios,
                      size: 12.0,
                    )),
                Text('$newCount'),
                IconButton(
                    onPressed: () {
                      itemChange.increment();
                    },
                    icon: const Icon(
                      Icons.arrow_forward_ios,
                      size: 12.0,
                    )),
              ],
            ),
            const SizedBox(height: 20),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const Text("TOTAL PRICE: "),
                Text("$totalPrice"),
              ],
            )
          ],
        );
      }),
    );
  }
}

// 正确的StateNotifier子类写法：指定StateNotifier的泛型为int
class ItemProvider extends StateNotifier<int> {
  ItemProvider() : super(1);

  void increment() {
    state++;
  }

  void decrement() {
    if (state > 1) {
      state--;
    }
  }
}

• 修正ItemProvider泛型：将class ItemProvider<int> extends StateNotifier改为class ItemProvider extends StateNotifier<int>，明确StateNotifier管理的是int类型的状态。
• 指定StateNotifierProvider泛型：StateNotifierProvider<ItemProvider, int>明确告诉Riverpod这个Provider的Notifier是ItemProvider，状态类型是int。
• 替换StateProvider为Provider：_priceManager作为计算派生值的Provider，使用Provider更合适，它会自动依赖_myCount和_myPrice，当这两个值变化时自动重新计算。
• 优化边界判断：将if (state != 1)改为if (state > 1)，避免出现负数计数的情况。

内容的提问来源于stack exchange，提问作者hughes absalom