结合供应商 Riverpod

Question

我正在尝试学习 Riverpod 并且我使用下面的这个示例来组合两个提供程序，但是 dropDownButton 的值永远不会改变并保持为第一个 dropDownItem 的第一个值，我也将 ConsumerWidget 更改为 ConsumerStatefulWidget 并且没有任何变化，如果有的话请任何帮助。

 final cityProvider = StateProvider<String>((ref) => 'Country one');
    final weatherProvider = StateProvider((ref) {
    final city = ref.watch(cityProvider);
     return city == 'Country one'
      ? '25'
      : city == 'Country two'
          ? '30'
          : '50';
     });

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

      @override
      Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Combining Providers with Firebase'),
      ),
      body: Center(
        child: ElevatedButton(
            onPressed: () {
              Navigator.of(context).push(MaterialPageRoute(
                builder: (context) => const SecondScreen(),
              ));
            },
            child: const Text('Go to next Page')),
      ),
    );
  }
}

class SecondScreen extends ConsumerWidget {
  const SecondScreen({super.key});

  @override
  Widget build(BuildContext context, ref) {
    String? city = ref.watch(cityProvider);
    final weather = ref.watch(weatherProvider);
    return Scaffold(
        appBar: AppBar(
          title: const Text('Combining Providers Second Screen'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              DropdownButton(
                value: city,
                items: const [
                  DropdownMenuItem(
                    value: 'Country one',
                    child: Text('Country one'),
                  ),
                  DropdownMenuItem(
                    value: 'Country two',
                    child: Text('Country two'),
                  ),
                  DropdownMenuItem(
                    value: 'Country three',
                    child: Text('Country three'),
                  ),
                ],
                onChanged: (value) {
                  city = value;
                },
              ),
              Text(
                weather,
                style: const TextStyle(fontSize: 40),
              ),
            ],
          ),
        ));
  }
}

我可能需要更改第一个 Class 还是需要使用 listen 而不是 read？

Answer 1

您没有正确更新提供者的价值。 将您的onChanged方法更改为

onChanged: (value) {
  ref.read(cityProvider.notifier).state = value!;
},