Flutter Riverpod 在没有上下文的情况下设置值

Nic*_*uir 5 dart flutter riverpod

我有一个应用程序,需要在源屏幕上显示视频上传进度指示器。返回上传进度的代码位于视频客户端类中,该类不在源屏幕的小部件树中,并且源屏幕在视频开始上传时甚至没有打开。

我想做的是使用 Riverpod 在视频客户端类中全局更新上传值,这样当 Feed 屏幕打开时,它会显示上传进度。

问题是视频客户端是一个单独的类,没有任何构建上下文,我正在尝试更新该值。我听说 Riverpod 可以在不构建上下文的情况下设置状态。但我认为更新状态的唯一方法仍然需要上下文。

在主函数中,我在此处添加了提供者范围:

void main() {
  FlowRouter.setupRouter();
  runApp(ProviderScope(child: MyApp()));
}
Run Code Online (Sandbox Code Playgroud)

我有一个上传模型,它扩展了更改通知程序以更新值:

class UploadModel extends ChangeNotifier{

  UploadModel();

  int _bytesTotal = 0;
  int _bytesUploaded = 0;
  bool _uploadVisible = false;
  
  void setBytesTotal(int value){
    _bytesTotal = value;
    notifyListeners();
  }
  int get getBytesTotal => _bytesTotal;
  
  void setBytesUploaded(int value){
    _bytesUploaded = value;
    notifyListeners();
  }
  int get getBytesUploaded => _bytesUploaded;
  
  void setUploadVisible(bool value){
    _uploadVisible = value;
    notifyListeners();
  }
  bool get getUploadVisible => _uploadVisible;
}
Run Code Online (Sandbox Code Playgroud)

在 Feed 小部件中,我有以下代码来监视和更新上传小部件:

final uploadProvider = riverpod.ChangeNotifierProvider((ref) => UploadModel());

class  UploaderProgressWheel extends riverpod.ConsumerWidget {
  @override
  Widget build(BuildContext context, ScopedReader watch) {

    final uploadInfo = watch(uploadProvider);

    return Text(uploadInfo.getBytesUploaded.toString());
}
Run Code Online (Sandbox Code Playgroud)

但是,当我去更新视频客户端类中的上传值时,我看不到任何无需上下文即可完成此操作的方法,我认为我需要再次在视频客户端类中添加提供程序,如下所示:

final uploadProvider = riverpod.ChangeNotifierProvider((ref) => UploadModel());
Run Code Online (Sandbox Code Playgroud)

然后我想从 UploadModel 类中使用 setBytesUploaded() 访问设置值,但我无法访问它,我找到的唯一示例如下所示,需要上下文:

context.read(uploadProvider).state = 
Run Code Online (Sandbox Code Playgroud)

谢谢

Edw*_*nZN 2

class VideoClient { //Example class
   final Reader read; //so you can read other providers inside this
   int _i = 0; //just for example

   VideoClient(this.read);

   void exampleMethod(){
     read(uploadProvider).setBytesUploaded(_i++);
     // each time this method is called a new int is sent to notify the uploadModel
   }

   //.... your methods
}

final VideoProvider = Provider((ref) => VideoClient(ref.read)); // to have a single instance of your VideoClient across all your app
Run Code Online (Sandbox Code Playgroud)

现在,当您想要上传视频或使用 VideoClient 执行特定操作时,您可以从应用程序中的任何位置调用此提供程序

RaisedButton(
  onTap: () {
    context.read(VideoProvider).upload(); //or whatever method you use to initilize an action
  }
);
Run Code Online (Sandbox Code Playgroud)