当我使用颤振在firebase上上传文件时如何渲染加载器？

Question

我想在颤振上上传 pdf 文件，我已经编写了一个函数来实现这一点，按下按钮我想运行这个函数来上传 pdf，但是上传需要一些时间，所以在那之前我想展示一个装载机。

Future savePdf() async {
    StorageReference storageReference;
    final FirebaseAuth _auth = FirebaseAuth.instance;
    final FirebaseUser user = await _auth.currentUser();
    String uid = user.uid.toString();
    print(uid);
    storageReference = FirebaseStorage.instance.ref().child(uid);
    final StorageUploadTask uploadTask = storageReference.putFile(file);
    final StorageTaskSnapshot downloadUrl = (await uploadTask.onComplete);

    docurl = (await downloadUrl.ref.getDownloadURL());
    await firestoreInstance.collection('Resumes').document(uid).setData(
      {
        'score': 'Scoring under Process...',
        'pdf': docurl.toString(),
        'feedback': 'Feedback under Process,Please hold tight!',
      },
    ).then((result)=>
    setState((){
      isuploaded=true;
    })
    
    );
  }

这是我的函数savepdf 上传pdf。 现在这是我的按钮，按下时必须在上传时显示加载器。

onPressed: () async {
            await savePdf();
}

上传文件时如何显示加载器？

Answer 1

你可以给我们一个isLoading bool 然后：

onPressed: () async {
  setState(() => isLoading = true);
  await savePdf();
  setState(() => isLoading = false);
}

然后在您的小部件树中：

...
if (isLoading)
   CircularProgressIndicator();
...