How to Build a Swipeable Image Slider in Jetpack Compose - Android Studio Tutorial

In this video you'll learn how you can swipe between pages in Jetpack Compose. This is what was previously a ViewPager :)

⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:

Get my FREE PDF about 20 things you should never do in Jetpack Compose:

💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:

Join this channel to get access to perks:

Get the source code for this video here:

Join my Discord server:

You like my free content? Here you can buy me a coffee:

[Elkasinox]

Good Video. Could you make a video of you showing a complex UI with compose?

[shivanshumishra]

Hi,
Can you please make a video on ANR, how to detect and handle it.

[mynameisvinnu]

Hi Sir, I am a student from India. I am passionate about Android dev and your channel is like wikipedia for me. But please make a video on how in app billing/subscription work in Android. Should we be build our own backend and create user account, how to call google billing api, etc. Please make a video that explains the entire process, if possible please show it practically.

Thank you 🙏

[androidkotlin-]

Hi, Philipp!
Can you make video about strength of GPS signal or accuracy? For example, you are running in the forest, and gps signal was lost, I need to show strength of signal to user.
Thank you!

[bfb]

Hi Philip, Thanks for your efforts
What if I want to save the last image before closing the to open it on the next time

[vaginox]

Hi Phillipp, really cool video. I try to do the same things, i would like to create a `HorizontalPager’ with my own Composable page and i would like to disable the swipe feature to use a button on each each page to pass to the next page. I need to use a button on each page because i need to check some things like checked box or else. To do this i pass the pager state in parameter on each Composable page and i use the animateScrollToPage in each, Can i do this or it’s not a « legal » thing ? I hope you understand. Thank you and great job !

[abhishekpant]

Hi Philip.. any idea on how to scroll to next image after deleting any image?
Thank you

[startupwithsahil]

Hello Phillipp,

Can you tell how to make this HorizontalPager infinite scrolling with this 3 items ?

[suvbqbf]

hey Philip.. thanks for the video.. how to update the compose after deleting any item from the list? something like notifyItemRemoved() from recyclerview adapter

[luisfelipecoronadotorres]

Does anyone know how to add an "overScroll" or "bounce" effect when you try to scroll before the first or past the last item on the list?

[victorsokoluik]

Hi Philipp! Thanks to you, I discovered Jetpack Compose, and I've already created two projects based on it. However, I am now facing a sad issue: implementing the Admob interstitial into the Compose function. I believe many would be interested in a video on this topic.

[JepRM]

Nice video. I'm not a chicken expert but that seems a duckling instead 😄

[codingcosmos]

How to make centered focus item bit bigger?

[radenyaqien]

how to make image scrollabe on landscape mode?

[mateusznepath]

I tried to use horizontal pager few weeks ago but it was kinda unstable. I had to implement it so It will automatically go to next page every few seconds. And It failed. The issue was - after navigation to next page it stopped when you saw 50% of previous screen, and 50% of next screen.

So i thought - well the thing i need is just a simple navigation. So i used navigator (Voyager library, but it can be any nav library, but please dont use google official navigation) and every few seconds i navigated to next screen. So if anyone struggle with the thing i struggled - i recommend navigation approach.

[qpYliqp]

hey ! I have a question : when I wanna use horizontalPager, I have an error saying " This foundation API is experimental and is likely to change or be removed in the future. "
I know that I can avoid this error with @ExperimentalFoundationApi but this error is a real pain in the ass cause I have to put the @ at each function calling it
How to not have this error, like you ?
Is it about the version you show at the begining of the video ?

[MuhammedACAR-wyjh]

in Jetpack Compose project using HorizontalPager that it can't destroy old page. For example beyondBoundsPageCount arranged to 1 and then we expect HorizontaPager should destroy 0 index page when currentPageIndex is 2 but it couldn't. How can i fix that? Thanks.

[caniggiasyabil]

The problem is, when you start adding pan and zoom, things will start getting out of hand. Anyone know the workaround?

[fourcade]

Phillip HorizontalPager class not found :(( how to fix ?

[igormorozov]

. Doesn't we need put a businees logic separately to ViewModel And State to Data class? thank you