This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/image_sliders_example Page Transition Animation Tutorial: kzbin.info/www/bejne/lYOWdpKXpMtpb8U Scroll To Index In ListView Tutorial: kzbin.info/www/bejne/jIC5Y4lmlth5l6c Simple Scrollbar Tutorial: kzbin.info/www/bejne/q4qZdnmkmsR-oa8 Expandable ListView Tutorial: kzbin.info/www/bejne/iJa4kpKNqJ14qbs Hide AppBar On Scroll Tutorial: kzbin.info/www/bejne/rquziaSHYrWYaMk Hide Bottom On Scroll Tutorial: kzbin.info/www/bejne/pqPCeKJvfpZsiaM Deep Dive SliverAppBar Tutorial: kzbin.info/www/bejne/qZCWkp5jadpnaac Show/Hide StatusBar Tutorial: kzbin.info/www/bejne/qnezcmSIad-pick Slivers & Sticky Headers Tutorial: kzbin.info/www/bejne/h4fblWOBlJxnhsU Scroll To Top & End In ListView Tutorial: kzbin.info/www/bejne/jojJmJKaZ9mSfs0 AppBar & Transparent AppBar Tutorial: kzbin.info/www/bejne/eHLWmXmBf9WnfMk Bottom Navigation Bar Tutorial: kzbin.info/www/bejne/rqCuooSgiKmNbJI Animated Bottom Navigation Bar Tutorial: kzbin.info/www/bejne/b2azdneCrap4qsk Hidden Drawer UI Tutorial: kzbin.info/www/bejne/rIuap5eDpNBsbsk Draggable Bottom Sheet Tutorial: kzbin.info/www/bejne/d5ukgpqif7CWmJY Scrollable Sheet Tutorial: kzbin.info/www/bejne/sKnHc3ytj5mbhJo Animated List Tutorial: kzbin.info/www/bejne/e2S2goKnitZrg8k Navigation Drawer Tutorial: kzbin.info/www/bejne/qqScn2VnZtNrkLc Fix Bottom Overflowed By Pixels Tutorial: kzbin.info/www/bejne/rKCkg6KMi8R4eqs Expansion Tile Tutorial: kzbin.info/www/bejne/iJa4kpKNqJ14qbs Create Invoice PDF Tutorial: kzbin.info/www/bejne/sJCYqZ6eetCWaw
@l.l.36092 жыл бұрын
It's incredible! For every design question I've got, you already brought up a perfect explanation. I am very grateful for your work!
@patrickschubert557111 ай бұрын
Thank you for this very nice video and showing this opportunity!
@HeyFlutter11 ай бұрын
You’re most welcome, @patrickschubert5571! 🙂
@abbyhuh14603 жыл бұрын
Your videos are a life-saver! Thank you so much for putting it together 😄
@chipekowasa65712 жыл бұрын
Your channel is my daily bread
@chipekowasa65712 жыл бұрын
@@HeyFlutter Awesome, looking forward to more content as usual.
@pravinshinde_9353 Жыл бұрын
i was just thinking about adding this type of effect on the app i was working and your video pop up in my feed not going to lie you are god sent 😂😂
@HeyFlutter Жыл бұрын
Haha @pravinshinde_9353 Thank you so much
@cavidanbagiri78372 жыл бұрын
Krasava Teacher. Thanks for everything. l bought 4 udemy course about Flutter and Getx, But your tutorials is the best.
@mmokenape47303 жыл бұрын
I have to say thanks again, I've been having so many issues with using this package and you made such a nice tutorial 😫🔥
@jerichokatende81517 ай бұрын
spot on , The exact explanation i wanted
@HeyFlutter7 ай бұрын
Great, Thank you @jerichokatende8151!
@fadimhats58122 жыл бұрын
Thanks dude, you're the best
@meghasathish63677 ай бұрын
your videos are amazing thank youuu
@HeyFlutter7 ай бұрын
Glad to hear that, You are most welcome @meghasathish6367
@54gulnara7 ай бұрын
I works, with your fantastic help I did it very fast and without problems.
@HeyFlutter7 ай бұрын
Glad to hear that, Thank you @54gulnara! 😊
@swayamshreemohantyvlogs81262 жыл бұрын
Again, you save me man. Awesome.
@kausarfatima4371 Жыл бұрын
Incredible
@HeyFlutter Жыл бұрын
Thanks, @kausarfatima4371! 🙂
@Indynakan02 жыл бұрын
Complete and clear turtorial. Thankyou so much for an mazing work.
@fardan511 Жыл бұрын
Thanks alot 💗
@HeyFlutter Жыл бұрын
You are welcome, @fardan511!
@janammaharjan26992 жыл бұрын
Your Tutorials are always great. Thank you
@pookystudio67022 жыл бұрын
Super super amazing content man 💥💥👍
@aminmirzakuchaki89033 жыл бұрын
You are wonderful man, thank you so much
@edilsonroque66915 ай бұрын
Thaaaank you so much my friend
@HeyFlutter5 ай бұрын
You are welcome, @edilsonroque6691!
@rauffer2 жыл бұрын
Thank you for this great tutorial!
@333tuberob3 жыл бұрын
Superb education in UI - Thankyou, I love Image applications 👍
@SalarAzad2 жыл бұрын
Very nice explanation, everything worked perfectly, saved me many hours of research, thank you!
@mdfasiuddinraihan20493 жыл бұрын
Thank u so much ...... Got what I needed After struggling 1 hour... ...
@zurcnauj6669 ай бұрын
best video ever!!!
@HeyFlutter9 ай бұрын
Glad you liked it, @zurcnauj666 😀
@bhraman22773 жыл бұрын
very nice tutorial. I was looking for this option, and its working now. Thanks a ton.
@carolinedesouza75703 жыл бұрын
Perfect video!! Thanks
@亞當-d6u2 жыл бұрын
Thank you very much, this video is wonderful!!!
@HeyFlutter2 жыл бұрын
You are welcome, 亞當!
@haydarhilly63872 жыл бұрын
That's was very clear and helpful. Thanks a lot.
@HeyFlutter2 жыл бұрын
You're welcome, Haydar Hilly! 🙂
@rashidtwumasi63213 жыл бұрын
I love your videos
@nidhalmazhoud1023 жыл бұрын
good work again
@ahmadprogrammer136 Жыл бұрын
Thank you sir fir this helpful tutorial Can you tell me how to make the image slider at the top of screen after App bar directly?
@HeyFlutter Жыл бұрын
Thanks for the idea @ahmadprogrammer136 😀, i have added it in my list of future videos
@marioguevara595411 ай бұрын
thanks a lot
@HeyFlutter11 ай бұрын
You’re most welcome, @marioguevara5954! 🙂
@mmokenape47303 жыл бұрын
Thanks mate🔥
@اسروكورة3 жыл бұрын
thank you
@JorgeTorres-mx7bx Жыл бұрын
Likaso amigo, excelente video, me ayuda mucho para un proyecto que estoy realizando, muchas gracias.
@HeyFlutter Жыл бұрын
Thanks, @JorgeTorres-mx7bx! 🙂
@bluyetiinc75533 жыл бұрын
Thank you.
@felipegomes48942 жыл бұрын
You are the best!!
@HeyFlutter2 жыл бұрын
Thank you, Felipe Gomes! 🙂
@chuthi2442 жыл бұрын
thank your video .
@md.ruhulamin79633 жыл бұрын
Thank you sir for this useful tutorial. Is it possible to create this Slider Carousel by using camera capture image?
@yasminekara91122 жыл бұрын
Thank youu 💪
@congtoannguyen19402 жыл бұрын
Thank you for answering my previous question, I have one more I want to ask. Instead of using dot, can I use picture of the same product and pressing it will display the image like on amazon app
@HeyFlutter2 жыл бұрын
Thank you, Cong Toan Nguyen! 🙂. Yes you can.
@congtoannguyen19402 жыл бұрын
@@HeyFlutter How can I do it, I haven't figure how to do it
@bobby95683 жыл бұрын
awesome!
@subratpatro15702 жыл бұрын
hello mike , iam trying to load images from my assets how to do that ?
@emmanueljoseph2687 Жыл бұрын
Thank you very much for the quality lessons. I have a question: Please, how can I change the background color in carousel slider?
@HeyFlutter Жыл бұрын
Hey, Emmanuel Joseph! Check out this solution: stackoverflow.com/a/61116773 I hope it may help you 😊
@emmanueljoseph2687 Жыл бұрын
@@HeyFlutter Thanks a lot.
@emmanueljoseph2687 Жыл бұрын
@@HeyFlutter Thanks a lot.
@chintusharma19 ай бұрын
In the thumnail the images are overriding over each other.But In the video they are not can you make them slide over each other as in thumnail
@HeyFlutter9 ай бұрын
Thanks for your feedback, @chintusharma1! 🙂
@funandgameswithzayn2 жыл бұрын
Hi there! I liked you videos those a are very helpful. I have a question. How i can customize viewportfraction. Because i want to show only left image as next image in app not the both next and prev image. Please let me know
@HeyFlutter2 жыл бұрын
Thank You Zain's Gaming! Follow this link: stackoverflow.com/questions/55317171/change-viewportfraction-dynamically-in-pagecontroller I hope you will get your answer 🙂
@funandgameswithzayn2 жыл бұрын
@@HeyFlutter thankyou for your reply as for now i want to ask that currently if we use carousal slider with multiple pictures on screen it shows us two pictures but when we slide it snaps both pictures and show us two new pictures but i want it to slide only one picture even if it is show multiple pictures on screen like move one picture at a time . Did you get my question?
@murshidahamed83173 жыл бұрын
Sir your explanation are very good and easy to understand. Can you please add video on vertical tab bar view . specially how to use at the middle of the page i mean after 2 or 3 widget. Thank you.
@murshidahamed83173 жыл бұрын
@@HeyFlutter sure sir i am struck on that for 3 days 😞 any way thank you sir...
@adityahiranwale12792 жыл бұрын
Hello, Amazing video and very nicely done, Can you please tell me how to tap and open a particular image in the carousel and zoom in on it like the way we can do in amazon apps product carrousel.
@HeyFlutter2 жыл бұрын
Thank You Aditya Hiranwale! Follow this link: stackoverflow.com/questions/43651708/how-do-i-pan-and-zoom-an-image I hope you will get your answer 🙂
@Ange-PaterneDali4 ай бұрын
thanks you a lot
@HeyFlutter4 ай бұрын
You’re most welcome, @Ange-PaterneDali! 🙂
@baha9083 жыл бұрын
Great video. I have a problem with this extension. I want to set height dynamicly based on child widget so each element can have different height but couldn't do it. Any idea how it could be done?
@rodro_m_ Жыл бұрын
how to squeeze the slider like the thumbnail? I mean side images come behind the center image
@HeyFlutter Жыл бұрын
Hey 😊, @rodro_m_! Check out this video: kzbin.info/www/bejne/q3nMhYJnmcudi6s It contains what you are specifically looking for.
@narayanpaswan6558 Жыл бұрын
sir can i use fade in and fade out effect in this animation.Please reply as soon as possible.
@HeyFlutter Жыл бұрын
Thank you, Narayan Paswan! 🙂. Yes but you will have to make it custom.
@casparbaumeister86142 жыл бұрын
Thank you so much for all your content! In your thumbnail the previous and next slider items are behind the center slide. Can you explain how to do that in Flutter?
@HeyFlutter2 жыл бұрын
Thank You Caspar Baumeister! Follow this link: medium.com/flutter-community/how-to-create-card-carousel-in-flutter-979bc8ecf19 I hope you will get your answer 🙂
@maverickwolf_ Жыл бұрын
@@HeyFlutter I went through the link you posted, that does not explain how to achieve the stack like look where the items are behind the central page
@yusufnadaroglu4108 Жыл бұрын
@@maverickwolf_ Did you find any answer?
@amir_adamov2 жыл бұрын
is there any chanse to fit image till the borders of the screen?
@sarathrkrishnan66102 жыл бұрын
If we give autoplay true in this project. Will the smooth indicator work with autoplay?
@HeyFlutter2 жыл бұрын
Thank You Sarath R Krishnan! Follow this link: pub.dev/packages/carousel_slider I hope you will get your answer 🙂
@gandharvathite61813 жыл бұрын
Hello, I have a doubt, can we implement multiple image sliders on a same page? What if I use a scrollable view and display a set of multiple image sliders. Will I be able to do that? Waiting for your solution!
@nikhilkumarjamwal5322 Жыл бұрын
Can you make a flutter video on carousel auto image slider with onTap() effect. When tap on image open that image page(can be new window etc.).
@HeyFlutter Жыл бұрын
Thanks for the idea, @nikhilkumarjamwal5322! 🙂 I have added it to my list of ideas for future videos!
@iqraQazmi0789 ай бұрын
i want smooth page indicator like as shown in your thumbnail of this video in which active dots should be expanded and filled or inactive dots with stroke color. How to code for this.
@HeyFlutter9 ай бұрын
Thanks for the idea @iqraQazmi078 😀, i have added it in my list of future videos
@ahmedhelal91513 жыл бұрын
Thank you sir, i have a question you add the dot indicator below the images , how can you add the dot indicator on the image ?
@HeyFlutter2 жыл бұрын
Thank You Ahmed Helal! Follow this link: stackoverflow.com/questions/57613017/flutter-horizontal-list-view-dot-indicator I hope you will get your answer 🙂
@ghulammurtaza7959 Жыл бұрын
which macbook you are using for flutter development ?
@HeyFlutter Жыл бұрын
Thank you, Ghulam Murtaza! 🙂. I am using macbook Pro.
@petreefyedn0ire2 жыл бұрын
I wish this could take a callback so I can run a function once the slide happens. Or you have any ideas on how to do this?
@petreefyedn0ire2 жыл бұрын
@@HeyFlutter I want a callback to be executed once each image scrolls. My plan is to have a container change color each time an image snaps to the center of the carousel
@rajagopisurineni46412 жыл бұрын
What can i say man, Thank you
@rajgopi46452 жыл бұрын
I’ve one question on this, how can I make this continuously flow(like marquee text), is there any another widget we have in flutter or can we customise Carousal builder? Thanks in advance
@ai-bloggers Жыл бұрын
Hello. Please make a lesson on how to make a link to each picture. Thank you.
@HeyFlutter Жыл бұрын
Thanks for the idea, Разработка мобильных приложений! 🙂 I have added it to my list of ideas for future videos!
@sepehramini69044 ай бұрын
hi i am trying to make the slides to overlap, is it possible with this package?
@HeyFlutter4 ай бұрын
Thank You @sepehramini6904! Follow this link: stackoverflow.com/questions/76637705/make-an-overlay-widget-in-flutter-to-slide-in-and-out-from-top-of-the-screen I hope you will get your answer 🙂
@AbirHasnat952 жыл бұрын
I requested for source code, but 'Confirm Your Subscription' and 'Confirm Your Email' doesn't work.
@muhammadafzal2372 жыл бұрын
Nice. This is working perfectly. But I am following your other video that tells how to make video player in flutter, that is not working, I got stucked to play videos from firebase database.
@twatchery2 жыл бұрын
Hey thanks for the tutorial! For some reason, everytime I rebuild the carousel, it doesn't display images from index 0 and sometimes starts at 1 or 2. The state is being preserved even thought I'm creating a new carousel object. Any help? Thanks!
@twatchery2 жыл бұрын
@@HeyFlutter Thanks for the reply! I have done so, and narrowed down the problem to itembuilder, where the index doesn't start from 0 when I create a new CarouselSlider widget. Any help? Thanks!
@Bunny-rn7uh2 жыл бұрын
im trying to access source code but the button isn't working ! is this just a clickbait thing ? also one guy already raised the issue but you didn't resolved it yet
@HeyFlutter2 жыл бұрын
Thanks, Creative Bunny! 🙂Check out this: github.com/JohannesMilke/sponsorware#2-why-didnt-i-get-an-email-even-if-i-have-sent-already-a-request-on-your-website
@JohnLiuFromHK3 жыл бұрын
please help, when I tried to click the dot the second time, there is an error saying "Null check operator used on a null value". I can't find the reason ;(
@JohnLiuFromHK3 жыл бұрын
@@HeyFlutter thanks, i think its the hot reload, it fixes the issue. Lol
@boredUser693 жыл бұрын
Hi Johannes. I followed your tutorial. It worked fine but the dots don't update when I slide the images. Do you know what is wrong? I tried to download your source code too but I couldn't, the button to confirm e-mail isn't clickable. Help please
@boredUser693 жыл бұрын
@@HeyFlutter Ok. I'll do that again. Thanks for reply 😉
@maxdegreat5663 жыл бұрын
Can this be vertical? Or does it have to be horizontal?
@maxdegreat5663 жыл бұрын
I just saw it has s scroll direction in the pub.dev docs
@maxdegreat5663 жыл бұрын
Great vid, i always check ur page before others 👍🏾
@matheusfigueredo75433 жыл бұрын
On desktop i cant drag the mouse to chage images, but if i set autoPlay to true the image slide normally, any idea how can i fix this? On mobile everything works perfect
Hello, Matheus Figueredo! Follow this link: stackoverflow.com/questions/69232764/flutter-web-cannot-scroll-with-mouse-down-drag-flutter-2-5, I hope it will solve your problem. Thank You 🙂
@StarBattle083 жыл бұрын
Is there a way to make the image into fullscreen mode when we click them?
@shashwat_dubey_3 жыл бұрын
wrap the image in an on tap function. on tapping, navigate to a different screen which displays the same image in full.
@danielm39773 жыл бұрын
The package has a big drawback. isn't null-safety.
@Theomniscientmedia4 ай бұрын
Cons: It does not support even number of slides if you don't want a partial slide view.
@HeyFlutter4 ай бұрын
Thanks for your feedback, @Theomniscientmedia! 🙂
@vlsnsatyas2 жыл бұрын
how to make it to move to next image on tap or touch of current
@HeyFlutter2 жыл бұрын
Thank You Satyanarayana kvl! Follow this link: pub.dev/packages/carousel_slider I hope you will get your answer 🙂
@VShari123 жыл бұрын
Lets say we ll have 20 imgs. Showing 20 dots is not a good option. How can i show just five and switch to the next one every 4th page?
@HeyFlutter2 жыл бұрын
Thank You Vlad Hagiu! Follow this link: stackoverflow.com/questions/57613017/flutter-horizontal-list-view-dot-indicator I hope you will get your answer 🙂
@dwikyalfiantama90913 жыл бұрын
how to navigate next screen every image, can you give tutorial ?
@dwikyalfiantama90913 жыл бұрын
@@HeyFlutter thanks, i need it to do my project at university. I will wait for the next video
@gauravvblogs40422 жыл бұрын
plz sir github code your coding is dont understad
@HeyFlutter2 жыл бұрын
Thank You Gaurav Vblogs!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
@humanheart5653 жыл бұрын
Hello i create image slider for selling products from different seller So if click on any image to show more details about products its taking to slider screen fine.. the problem is if press back and click on another image from another seller the error shows controller doest match the property tab3 because length i put 3 for single seller so the slider can show only 3 images.. but for same time if come back and tap on another seller's images so error that tab 3 doesn't match please tell
@HeyFlutter2 жыл бұрын
Hello, Human Heart! Follow this link: pub.dev/packages/carousel_slider, I hope it will solve your problem. Thank You 🙂
@rick19013 жыл бұрын
3:37 I didn't want infiniteScroll so I set it to false, but how do you align the carousel to the left of the screen because I can't figure out how to remove the whitespace on the left that remains
@HeyFlutter2 жыл бұрын
Thank You Appelpeer15! Follow this link: pub.dev/packages/carousel_slider I hope you will get your answer 🙂
@imbsalstha2 жыл бұрын
what if i need to play video in slider?
@HeyFlutter2 жыл бұрын
Thank you, Bishal Shrestha! 🙂 That can also be done easily instead of displaying image you can use video_player package for displaying videos
@adriancabahug23313 жыл бұрын
How to add text at the center of the image ?
@adriancabahug23313 жыл бұрын
@@HeyFlutter yea but i dont know how to implement that code to yours
@HeyFlutter2 жыл бұрын
Thank You Adrian Cabahug! Follow this link: medium.com/flutterworld/flutter-text-over-image-bb045a129bae I hope you will get your answer 🙂
@sanaishaq73063 жыл бұрын
Null safety error as soon as I add smooth_page-indicator.
@HeyFlutter2 жыл бұрын
Thank You sana Ishaq! Follow this link: flutter.dev/docs/null-safety I hope you will get your answer 🙂
@cheems65592 жыл бұрын
Use hot restart....this will solve the problem
@yeonjin82 жыл бұрын
My android studio says carousel slider is undefined 🥺
@HeyFlutter2 жыл бұрын
Thank you SilverRubyJane💜, make sure to follow the tutorial step by step 🙂
@miguelsouza74382 жыл бұрын
Dude for really, it's a shame need to share with 8 friends to get access to source code OMG
@sohampati92322 жыл бұрын
anyone getting error: Undefined Name 'urlImage'?
@HeyFlutter2 жыл бұрын
Thank You Soham Pati! Follow this link: stackoverflow.com/questions/72520973/undefined-name-flutterabsolutepath I hope you will get your answer 🙂
@PaulBrassington_flutter_expert2 жыл бұрын
A terrible mistake to deny Flutter developers your code, I've tried so many times but never works, put in email, github name but never works. Allow developers to your code and become more popular Johannes Milke
@PaulBrassington_flutter_expert2 жыл бұрын
@@HeyFlutter Your videos are excellent and explanations are good, the topics are superb, so please just put a link to Github where we can download the code. Please, please, please.
@kheireddineattala1281 Жыл бұрын
This does not remotely have the right to be as good in as little time