firebase - 如何在 flutter firebase 中创建进度条

Question

我在创建进度条以指示我将图像上传到 firebase 存储的过程时遇到问题。

 Future getImage(BuildContext context) async {
    final picker = ImagePicker();
    final pickedFile = await picker.getImage(source: ImageSource.gallery);
    setState(() {
      _image = File(pickedFile.path);
    });
    StorageReference firebaseStorageRef = FirebaseStorage.instance.ref().child('profile/${Path.basename(_image.path)}}');
    StorageUploadTask uploadTask = firebaseStorageRef.putFile(_image);
    var dowurl = await (await uploadTask.onComplete).ref.getDownloadURL();   
     setState(() {    
       _imageURL = dowurl.toString();

     });

    print(_imageURL);
  } 

这是我编写的用于上传图像并获取图像 URL 的代码。
希望有人能帮帮我谢谢!

Answer 1

您可以收听events在您的 uploadTask .

这里:

uploadTask.events.listen((event) {
      setState(() {
        _progress = event.snapshot.bytesTransferred.toDouble() /
            event.snapshot.totalByteCount.toDouble();
      });
    }).onError((error) {
      // do something to handle error
    });

现在你可以像这样显示进度:

Text('Uploading ${(_progress * 100).toStringAsFixed(2)} %')

创建进度条:

LinearProgressIndicator(
  value: _progress,
)

希望有帮助。