【问题标题】:Flutter Riverpod Setting a Value Without ContextFlutter Riverpod 在没有上下文的情况下设置值
【发布时间】:2021-03-20 21:17:05
【问题描述】:

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

我要做的是使用 Riverpod 在视频客户端类中全局更新上传值,以便在打开提要屏幕时显示上传进度。

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

在主函数中,我在这里添加提供者范围:

void main() {
  FlowRouter.setupRouter();
  runApp(ProviderScope(child: MyApp()));
}

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

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;
}

在 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());
}

但是当我去更新视频客户端类中的上传值时,我看不到任何不需要上下文的方法,我想我需要像这样再次在视频客户端类中添加提供程序:

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

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

context.read(uploadProvider).state = 

谢谢

【问题讨论】:

  • 帮助我更多地理解您的代码,您想在 UploadModel 更新其值时更新您的 VideoClient 类吗?这个 VideoClient 是一个单例实例,还是您也使用提供程序创建它?最好的解决方案是创建一个 Provider((ref) => VideoClient(ref.watch(uploadProvider.getBytesUploaded)));也许更多 VideoClient 类的代码会有所帮助
  • 您好,感谢您的回复。没有构建上下文的视频客户端类上传视频,它跟踪并定期返回上传的字节。所以我想在每次视频客户端返回上传的字节时更新上传模型。提要小部件正在监视上传模型的更改,以使用进度指示器更新用户体验。
  • 不幸的是,视频客户端类很大,所以我不能在这里发布。但基本上它只是将视频上传到服务器返回上传进度,然后返回成功或失败。

标签: flutter dart riverpod


【解决方案1】:
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

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

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

【讨论】:

  • 最终读者阅读; //所以你可以在这个int _i = 0中读取其他提供者; //例如 VideoClient(this.read);
  • 以上内容不是要求读者通过课堂吗?
  • VideoProvider 会为您做到这一点
猜你喜欢
  • 2023-03-13
  • 2018-10-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-07
  • 2011-11-30
  • 2021-10-27
相关资源
最近更新 更多