анимация флаттера для нижнего листа

Question

Я хочу использовать анимацию героя для изображения на нижнем листе. но он не работает, и я должен установить для него продолжительность. но в нижней части навигации не работает, потому что при нажатии не удается вернуть виджет.

вот анимация героя изображения:

       Hero(
                                tag: 'imageHero',
                                child: Container(
                                  width: pageWidth * 0.128,
                                  height: pageWidth * 0.128,
                                  decoration: BoxDecoration(
                                      image: DecorationImage(
                                          fit: BoxFit.cover,
                                          image: CachedNetworkImageProvider(
                                            data!['image'].toString(),
                                            // " "
                                          )),
                                      borderRadius:
                                          BorderRadius.all(Radius.circular(15)),
                                      border: Border.all(
                                        color: MyColors.lightGrey,
                                        width: 1,
                                      )),
                                ),
                              )),

вот дно, я хочу щелкнуть по нему и показать нижний лист:

                             onPressed: () {
                                Navigator.of(context).pop();
                                showModalBottomSheet(
                                    context: context,
                                    isScrollControlled: true,
                                    isDismissible: true,
                                    enableDrag: true,
                                    shape: RoundedRectangleBorder(
                                      borderRadius: BorderRadius.vertical(
                                        top: Radius.circular(20),
                                      ),
                                    ),
                                    clipBehavior: Clip.antiAliasWithSaveLayer,
                                    builder: (context) {
                                      return Container(
                                          height: pageWidth * 1.85,
                                          child: PlayerMain(
                                            epdId: providerData.epdID,
                                          ));
                                    });

                               providerData.changeEpdId(id);
                              },

и вот герой использования изображения в другом классе:

                             child: Hero(
                                  tag: 'imageHero',
                                child: Container(
                                  width: pageWidth * 0.7,
                                  height: pageWidth * 0.6,
                                  decoration: BoxDecoration(
                                      image: DecorationImage(
                                          fit: BoxFit.cover,
                                          image: CachedNetworkImageProvider(
                                            data!['image'].toString(),
                                          )),
                                      borderRadius:
                                          BorderRadius.all(Radius.circular(15)),
                                      border: Border.all(
                                        color: MyColors.lightGrey,
                                        width: 1,
                                      )),
                                ),
                              ),

может кто-нибудь помочь мне, пожалуйста, как я могу установить продолжительность для изображения героя в нижнем листе?