Felipe K
Felipe K

Reputation: 97

How to expand/resize image when click on thumbnail

I have a structure like in WhatsApp. When i click on thumbnail i would like to expand/resize in screen. How can i do that?

Column(
  children: <Widget>[
    GestureDetector(
      onTap: () {
        // code?
      },
      child: Container(
        width: 150.0,
        height: 150.0,
        decoration: BoxDecoration(
        shape: BoxShape.circle,
        image: DecorationImage(
          image: AssetImage('assets/images/person.png'),
        ),
      ),
    ),
  ),

Upvotes: 0

Views: 258

Answers (1)

Aditya Nigam
Aditya Nigam

Reputation: 999

On clicking the image display a dialogBox with only Image as its child, and use Hero widget animation.

Upvotes: 1

Related Questions