（颤音）如何在Firestore中存储的路径中检索firebase存储图像

Question

在我的代码中，我有一个streambuilder，该使用geoflutterfire软件包从firestore返回项目，以加载用户半径内的项目。

这些物品已加载，以及从Firestore检索的食物标题，过敏和年龄。除了提到的字段外，还有一个ImagePath字段。

图像路径是test firebase Storage中的文件夹中的一个子信息：

现在，有一个占位符图像，图像，图像MacBook，在我希望自己的图像的位置。由于查询与名称，过敏等一起加载图像路径，是否可以在流构建器内部显示其图像路径？这是查询和streambuilder的代码。

查询：

var collectionReference = FirebaseFirestore.instance.collection('requests');
double radius = 1000;
String field = 'position';
Stream<List<DocumentSnapshot>> stream = geo.collection(collectionRef: collectionReference)
                                        .within(center: center, radius: radius, field: field);

streambuilder ：（滚动到//占位符代码图像查找占位符图像）

StreamBuilder(
            stream: stream,
            builder: (BuildContext context,
                AsyncSnapshot<List<DocumentSnapshot>> snapshots) {
              if (snapshots.connectionState == ConnectionState.active &&
                  snapshots.hasData) {
                return  ListView(
                  physics: const BouncingScrollPhysics(),
                      children: snapshots.data!.map(
                        (DocumentSnapshot document) {
                          Map<String, dynamic> data =
                              document.data()! as Map<String, dynamic>;
                          return  Container(
                decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(40),
                color: const Color(0xff303434),
                ),
                child: Row(
                children: [
                  //CODE OF PLACEHOLDER IMAGE
                 Padding(
                  padding: const EdgeInsets.all(15.0),
                  child: ClipRRect(
                    borderRadius: BorderRadius.circular(40.0),
                    child: Image.network(
                        'https://picsum.photos/250?image=9',

                      fit: BoxFit.fill,
                      width: 150,
                      height: 150,
                    ),
                  ),
                ),
                Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    ConstrainedBox(
                      constraints: const BoxConstraints(
                        maxWidth: 140,
                      ),
                      child: AutoSizeText(
                        data['foodCategory'].toString(),
                        maxLines: 1,
                        style: GoogleFonts.poppins(
                          color: Colors.white,
                          fontSize: 25,
                          fontWeight: FontWeight.w900,
                        ),
                      ),
                    ),
                    const SizedBox(
                      height: 5,
                    ),
                    ConstrainedBox(
                      constraints: const BoxConstraints(
                        maxHeight: 70.0,
                        maxWidth: 140,
                      ),
                      child: AutoSizeText(
                        data['allergens'],
                        minFontSize: 10,
                        maxFontSize: 25,
                        style: GoogleFonts.poppins(
                          color: Colors.white,
                          fontWeight: FontWeight.w600,
                        ),
                      ),
                    ),
                    const SizedBox(
                      height: 5,
                    ),
                    AutoSizeText(
                       data['ageNum'].toString() +
                          ' ' +
                           data['ageUnit'].toString(),
                      maxLines: 1,
                      style: GoogleFonts.poppins(
                        color: Colors.white,
                        fontSize: 15,
                        fontWeight: FontWeight.w400,
                      ),
                    ),
                  ],
                ),
                ],
                ),
              );
                        },
                      ).toList(),
                );
              } else {
                return const Center(child: CircularProgressIndicator());
              }
            },
          ),

Answer 1

您的图像URL是错误的。
将图像上传到firestore

示例下面的firestore示例：

var file = _imageFile;
    FirebaseStorage firebaseStorage = FirebaseStorage.instance;
    Reference ref = firebaseStorage.ref(
        'uploads-images/${user.userId}/images/${DateTime.now().microsecondsSinceEpoch}');
    TaskSnapshot uploadedFile = await ref.putFile(file);
    if (uploadedFile.state == TaskState.success) {
      downloadUrl = await ref.getDownloadURL();
    }

规则

如果您不想对firestore进行身份验证，则应在firestore上查看您的