"如何使从firestore gridview中选择的图像或url成为flutter中另一个小部件中的当前图像或url"

Question

我有一个个人资料页面，其中显示了一个占位符个人资料图像，旁边有一个编辑按钮。 当我按下编辑按钮时，它会导航到一个新屏幕，在该屏幕上，我已经能够成功地将预加载的图像从 firestore streambuilder 获取到 gridview 中。

现在，我想点击网格上的一个图像，该图像将成为个人资料页面上的用户个人资料图像。

我已经阅读了一些文档，我想我可能需要一个键来分配给网格或索引解决方法。 但我还没有找到任何值得尝试的解决方案。

以下是一些显示个人资料图像和编辑按钮的代码。

Row(
                  children: [
                    Container(
                      margin: EdgeInsets.all(3),
                      child: CachedNetworkImage(
                          width: 70,
                          height: 70,
                          imageUrl: userModel.avatarUrl!,
                          imageBuilder: (context, imageProvider) => Container(
                                decoration: BoxDecoration(
                                  image: DecorationImage(
                                    image: imageProvider,
                                    fit: BoxFit.fill,
                                  ),
                                ),
                              ),
                          placeholder: (context, url) =>
                              CircularProgressIndicator(),
                          errorWidget: (context, url, error) => Image.asset(
                                "assets/images/brown_boy_mask.png",
                                width: 48,
                                height: 48,
                              ) //Icon(Icons.error),
                          ),
                    ),
                    IconButton(
                        icon: Icon(Icons.edit),
                        iconSize: 15,
                        color: Pallet.colorPrimary,
                        onPressed: () {
                          Navigator.of(context)
                              .pushNamed(AppRoutes.editClairevatar);                            }
                        )
                  ],
                ),