Full Screen Image on Tap in Flutter | Flutter Packages

hello guys welcome back so in today's video we are going to see how you can get a full image when you tap on the image on your flutter app so as you can see here we have our app I'm clicking on this app but we are not getting anything but I'm clicking on this image now I can swipe up or swipe down to dismiss as well by clicking it we can view it in a few full screen and we can swipe down or swipe up to this Miss so let's start so now this is our main app so inside our material my app we have our demo app ready so our UI is ready for now so as you can see we have a simple list View and a two containers with a row which contains our image and text okay so now I'm clicking on the image but nothing is happening so there's a quick fix how you can have this full screen effect in flutter so go to pub. Tav and install this package called insta image viewer okay so now simply copy that this dependencies go to your pope. jml paste it here and install it in your system once installed what you can do you can go to your image so now in our UI we have our image here so what you can do is you can simply wrap your image with the widget call insta image View okay so now we have wrapped our image with a vet called insta image viewer we'll wrap our second image as well insta image viewer save your application so now as you can see I'll simply click on this image and now we have our full screen image in our app I'll swap down to dismiss I'll click on this image as well now we have over this image as well on the full screen we can swipe up to dismiss as well so this is how you can achieve this full screen image functionality in flutter with this package for this trick hope you found this trick helpful do like share subscribe to my channel and see you in the next video

Channel: Dhanraj Nilkanth

Views: 3,310

Keywords:

Id: XQg5QODHn2I

Length: 3min 4sec (184 seconds)

Published: Fri Oct 27 2023