Flutter：添加后刷新图像

Question

如果我已经在firebase中的flutter中添加了数据，但是我想添加更多，添加页面上的图像仍然出现在图像之前，如何刷新它才能恢复到原来的空白？

DateTime now = DateTime.now();
    String format = DateFormat('dd:mm:yy').format(now);
    var fullImageName = 'foto-$format' + '.jpg';
    var fullImageName2 = 'foto-$format' + '.jpg';

    final StorageReference ref =
        FirebaseStorage.instance.ref().child(fullImageName);
    final StorageUploadTask task = ref.putFile(image);

    // Wait upload task to complete
    final StorageTaskSnapshot downloadUrl = 
    (await task.onComplete);
    // Get image uRL
    final String url = (await downloadUrl.ref.getDownloadURL());

    if (_formKey.currentState.validate()) {
      _formKey.currentState.save();
      DocumentReference ref = await db
          .collection('resep')
          .add({'nama': '$nama', 'resep': '$resep', 'image': '$url', 'email' : widget.email});
      setState(() => id = ref.documentID);
      Navigator.of(context).pop(); 
    }

Answer 1

假设您编写的上述代码位于从 Page1 导航的 Page2 中。

所以当你把图片上传到firebase存储上并弹出page2。 然后你可以刷新页面如下，

当你从 page1 推送一个新的 page2 时，你可以有它的 pop 回调。

// To check if you got your callback or not just pass bool data type with MaterialPageRoute
Navigator.push(context, MaterialPageRoute<bool>(builder: (context) => page2()),).then((bool res) {
      // check here if you got your callback data or not
      if(res!=null && res==true){
         // fetch your updated content here
      }
    });

当你弹出你的 page2 时，

Navigator.of(context).pop(true);