如何更新基于riverpods streamProvider的嵌套屏幕？

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

// 创建一个Provider，提供需要更新的数据
final dataProvider = StreamProvider<int>((ref) {
  // 这里可以是一个异步操作或一个数据流
  return Stream<int>.periodic(Duration(seconds: 1), (count) => count).take(10);
});

// 嵌套屏幕，订阅提供的数据并更新内容
class NestedScreen extends ConsumerWidget {
  @override
  Widget build(BuildContext context, ScopedReader watch) {
    final data = watch(dataProvider); // 获取提供的数据

    return Scaffold(
      appBar: AppBar(
        title: Text('Nested Screen'),
      ),
      body: Center(
        child: data.when(
          // 根据数据的状态进行不同的处理
          loading: () => CircularProgressIndicator(),
          error: (error, stackTrace) => Text('Error: $error'),
          data: (value) => Text('Data: $value'),
        ),
      ),
    );
  }
}

// 主屏幕，包含嵌套屏幕
class MainScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Main Screen'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Open Nested Screen'),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => NestedScreen()),
            );
          },
        ),
      ),
    );
  }
}

// 应用程序入口
void main() {
  runApp(
    ProviderScope(
      child: MaterialApp(
        home: MainScreen(),
      ),
    ),
  );
}