photoview - Flutter : I want a functionality of when I click an image in my App or screen of my app it become a full screen image with zoom in feature?

Question

I used this technique, it works fine for one image but I want it on every image on the screen anywhere else, How can I do that?

Container( width: MediaQuery.of(context).size.width*0.90, height: 490, padding: EdgeInsets.only(bottom: 20), child: GestureDetector( child:Hero( tag:'imageHero', child: Image.asset('assets/images/postPic1.jpg', fit: BoxFit.fill),

                              ),
                              onTap: (){
                                Navigator.push(context, MaterialPageRoute(builder: (_){
                                  return DetailScreen();
                                }));
                              },
                            ),
                          ),

class DetailScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: GestureDetector(
        child: Center(
          child: Hero(
            tag: 'imageHero',
            child: PhotoView(
                imageProvider: AssetImage('assets/images/postPic1.jpg',))
          ),
        ),
        // onTap: () {
        //   Navigator.pop(context);
        // },
      ),
    );
  }
}

question from:https://stackoverflow.com/questions/65844471/flutter-i-want-a-functionality-of-when-i-click-an-image-in-my-app-or-screen-of

Answer 1

Waitting for answers