Can'；t将Firebase存储映像的Url添加到实时数据库

在这个应用程序中，我可以通过相机或从Gallery上传图片，然后将其传递给提供商。我想将该图像上传到Firebase存储，然后将其图像Url与其他字符串和双类型信息一起存储在实时数据库中。但我似乎无法做到这一点，因为数据似乎是在处理图像url之前上传到实时数据库中的。图像仍正确上载到存储器中。 下面是我的提供者类的代码

相关的方法是uploadPic（）和addPlace（）

导入'dart:io'；
导入“dart:convert”；
导入“package:path/path.dart”作为路径；
进口“包装：颤振/基础.dart”；
进口“包装：颤振/材料.省道”；
将“package:http/http.dart”导入为http；
导入“包：firebase_存储/firebase_存储.dart”；
导入“../models/place.dart”；
使用ChangeNotifier为MyPlaces初始化{
列表_位置=[]；
列出你要去的地方{
返回[…_个位置]；
}
Future fetchAndSetPlaces（）异步{
const url='my firebase url'；
试一试{
最终响应=等待http.get（url）；
最终extractedData=json.decode（response.body）作为映射；
最终列表loadedPlaces=[]；
extractedData.forEach（（id，数据）{
loadedPlaces.add（地点）(
id:id，
cropName:data['cropName']，
imageUrl:data['imageUrl']，
地点：地点(
纬度：数据[‘纬度’]，
经度：数据[‘经度’]，
//地址：数据['address']，
),
));
_地点=装载地点；
notifyListeners（）；
});
}捕获（错误）{
投掷误差；
}
}
未来地址（字符串cropName、文件映像、位置loc）异步{
const url='my firebase url'；
字符串imageUrl；
等待上传图片（图片，图片URL）；
试一试{
最终响应=等待http.post（url，正文：json.encode({
“cropName”：cropName，
“imageUrl”：imageUrl，
“纬度”：位置纬度，
“经度”：位置经度，
}));
最终新地点=地点(
id:json.decode（response.body）['name']，
cropName:cropName，
imageUrl:imageUrl，
地点：loc，
);
_地点。添加（新地点）；
notifyListeners（）；
}捕获（错误）{
投掷误差；
}
}
放置findPlaceById（字符串id）{
返回_places.firstWhere（（place）=>place.id==id）；
}
将来的上传pic（pickedImage，imageUrl）异步{
StorageReference firebaseStorageRef=FirebaseStorage.instance.ref（）.child（'chats/${Path.basename（pickeImage.Path）}}）；
StorageUploadTask uploadTask=firebaseStorageRef.putFile（pickeImage）；
等待上载Task.onComplete；
打印（“文件上传！”）；
firebaseStorageRef.getDownloadURL（）。然后（（fileUrl）{
imageUrl=fileUrl；
});
notifyListeners（）；
}
}

我在submitForm（）方法的表单页中调用addplace（）方法

导入'dart:io'；
进口“包装：颤振/材料.省道”；
导入“包：provider/provider.dart”；
导入“../models/place.dart”；
导入“../providers/my_places.dart”；
导入“../widgets/image_input.dart”；
导入“../widgets/location_input.dart”；
导入“../widgets/custom_drawer.dart”；
导入“../screens/my_geo_tags_screen.dart”；
类AddNewPlaceScreen扩展StatefulWidget{
静态常量routeName='/add_new_place_screen'；
@凌驾
_AddNewPlaceScreenState createState（）=>\u AddNewPlaceScreenState（）；
}
类_AddNewPlaceScreenState扩展状态{
地点当前地点；
final _cropNameController=TextEditingController（）；
文件_pickedImage；
位置_picked位置；
void selectImage（文件图像）{
设置状态（）{
_PickeImage=图像；
});
}
void selectLocation（双横、双长）{
_pickedLocation=位置(
纬度：纬度，
经度：长，
);
}
void _submitForm（）{
如果（_cropNameController.text==null | | |(u pickedImage==null | | |)(u pickedLocation==null）{
返回；
}
Provider.of（context.addPlace（_cropNameController.text，_pickedImage，_pickedLocation）；
Navigator.of（context.pop（）；
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“添加新地理标记”，样式：Theme.of（context.textTheme.title），
iconTheme:IconThemeData（颜色：Colors.amber），
),
抽屉：CustomDrawer（），
正文：SingleChildScrollView(
子：容器(
填充：边缘设置。全部（20），
子：列(
儿童：[
文本字段(
样式：TextStyle(
颜色：主题。背景。原色，
),
装饰：输入装饰(
边框：大纲输入边框(
边界半径：边界半径。圆形（5），
),
labelText:“作物名称”，
标签样式：文本样式(
颜色：主题。背景。原色，
),
),
控制器：_cropname控制器，
),
尺寸箱（高度：15），
图像输入（选择图像），
尺寸箱（高度：15），
位置输入（选择位置），
],
),
),
),
浮动操作按钮：浮动操作按钮(
背景色：主题。背景色，
子：图标(
图标。保存，
颜色：主题。背景。原色，
),
已按下：（）{
_submitForm（）；
Navigator.of（context.pushReplacementNamed（MyGeoTagsScreen.routeName）；
},
),
);
}
}

我认为您需要等待

firebaseStorageRef.getDownloadURL（）。然后（（fileUrl）{

在

Future uploadPic

中。我相信，混合等待和。然后可能会导致问题。因此，请尝试删除。然后简单地执行此语句

imageUrl=a
import 'dart:io';
import 'dart:convert';
import 'package:path/path.dart' as Path;
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:firebase_storage/firebase_storage.dart';
import '../models/place.dart';

class MyPlaces with ChangeNotifier {

  List<Place> _places = [];

  List<Place> get places {
    return [..._places];
  }

  Future<void> fetchAndSetPlaces() async {
    const url = 'my firebase url';
    try {
      final response = await http.get(url);
      final extractedData = json.decode(response.body) as Map<String,dynamic>;
      final List<Place> loadedPlaces = [];
      extractedData.forEach((id, data) {
        loadedPlaces.add(Place(
          id: id,
          cropName: data['cropName'],
          imageUrl: data['imageUrl'],
          location: Location(
            latitude: data['latitude'],
            longitude: data['longitude'],
            //address: data['address'],
          ),
        ));
        _places = loadedPlaces;
        notifyListeners();
      });
    } catch(error) {
      throw error;
    }
  }

  Future<void> addPlace(String cropName, File image, Location loc) async {
    const url = 'my firebase url';
    String imageUrl;
    await uploadPic(image, imageUrl);
    try {
      final response = await http.post(url, body: json.encode({
        'cropName' : cropName,
        'imageUrl' : imageUrl,
        'latitude' : loc.latitude,
        'longitude' : loc.longitude,
      }));
      final newPlace = Place(
      id: json.decode(response.body)['name'],
      cropName: cropName,
      imageUrl: imageUrl,
      location: loc,
    );
      _places.add(newPlace);
      notifyListeners();
    } catch (error) {
      throw error;
    }


  }

  Place findPlaceById(String id) {
    return _places.firstWhere((place) => place.id == id);
  }

  Future uploadPic(pickedImage, imageUrl) async {
      StorageReference firebaseStorageRef = FirebaseStorage.instance.ref().child('chats/${Path.basename(pickedImage.path)}}');
      StorageUploadTask uploadTask = firebaseStorageRef.putFile(pickedImage);
      await uploadTask.onComplete;
      print("File uploaded!");
      firebaseStorageRef.getDownloadURL().then((fileUrl) {
        imageUrl = fileUrl;
      });
      notifyListeners();
  }

}

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import '../models/place.dart';
import '../providers/my_places.dart';
import '../widgets/image_input.dart';
import '../widgets/location_input.dart';
import '../widgets/custom_drawer.dart';
import '../screens/my_geo_tags_screen.dart';

class AddNewPlaceScreen extends StatefulWidget {

  static const routeName = '/add_new_place_screen';

  @override
  _AddNewPlaceScreenState createState() => _AddNewPlaceScreenState();
}

class _AddNewPlaceScreenState extends State<AddNewPlaceScreen> {

  Place currentPlace;

  final _cropNameController = TextEditingController();
  File _pickedImage;
  Location _pickedLocation;

  void selectImage(File image) {
    setState(() {
      _pickedImage = image;
    });
  }

  void selectLocation(double lat, double long) {
    _pickedLocation = Location(
      latitude: lat,
      longitude: long,
    );
  }



  void _submitForm() {
    if (_cropNameController.text == null || _pickedImage == null || _pickedLocation == null) {
      return;
    }
    Provider.of<MyPlaces>(context).addPlace(_cropNameController.text, _pickedImage, _pickedLocation);
    Navigator.of(context).pop();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Add new Geo Tag", style: Theme.of(context).textTheme.title),
        iconTheme: IconThemeData(color: Colors.amber),
      ),
      drawer: CustomDrawer(),
      body: SingleChildScrollView(
        child: Container(
          padding: EdgeInsets.all(20),
          child: Column(
            children: <Widget>[
              TextField(
                style: TextStyle(
                  color: Theme.of(context).primaryColor,
                ),
                decoration: InputDecoration(
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(5),
                  ),
                  labelText: "Name of the crop",
                  labelStyle: TextStyle(
                    color: Theme.of(context).primaryColor,
                  ),
                ),
                controller: _cropNameController,
              ),
              SizedBox(height: 15),
              ImageInput(selectImage),
              SizedBox(height: 15),
              LocationInput(selectLocation),
            ],
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        backgroundColor: Theme.of(context).accentColor,
        child: Icon(
          Icons.save,
          color: Theme.of(context).primaryColor,
        ),
        onPressed: () {
          _submitForm();
          Navigator.of(context).pushReplacementNamed(MyGeoTagsScreen.routeName);
        },
      ),
    );
  }
}