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)
谢谢
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)