Hello :wave: Is there a way to use HorizontalPage...

# compose

[Karlo Vuljanko]

Hello 👋

Is there a way to use HorizontalPager without the lazy loading?
Basicly i have a use case where all my items have to have the height of the tallest item in pager (height of items is dynamic, depends on data i provide to the item), but compose prohibits the use of

IntrinsicSize.Max()

in lazy components. (Understandably)

is there an easy way to work around this or do i have to do some magic with SubcomposeLayout / Create quasi non lazy pager with Row composable?

[Stylianos Gakis]

I’d give it a shot with a normal row, and SnapFlingBehavior https://developer.android.com/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior#SnapFlingBehavior[…]mpose.ui.unit.Dp) to get the feeling of a pager as you swipe through, I think that is what it’s for.

I do wonder however if the new Swipable APIs are also a good fit for this, I remember this discussion https://kotlinlang.slack.com/archives/CJLTWPH7S/p1680170260342599 in the past. It seems like it’s part of 1.6.0-alphas here https://developer.android.com/jetpack/androidx/releases/compose-foundation#version_16_2, it’s called AnchoredDraggable it seems.

[Karlo Vuljanko]

thanks for the fast response 😄
i guess ill create my own pager then.
SnapFlingBehavior should suit my needs, i dont need anything fancy just a feel of pager as you stated.
thanks again 🙂

[Karlo Vuljanko]

ill look into AnchoredDraggable but since its still alpha i wouldnt really rely on it yet

[Stylianos Gakis]

Yeah, that sounds like a good idea. If you make it work, I’d really be interested to hear what worked for you in the end 😊

[Karlo Vuljanko]

Sure thing! :)

[Albert Chang]

Here's my non-lazy horizontal pager implementation.
Set offscreenLimit to cover all the pages and you should be able to achieve what you want.

[Karlo Vuljanko]

Thank you! Ill try to make some basic implementation with snap behaviour but ill give your implementation a try as well. Much appreciated.
You sure did put alot of work into it i see

[Stylianos Gakis]

That’s one super helpful snippet right there 😅 Thanks a lot for sharing Albert!

[Colton Idle]

FWIW, Accompanist HorizontalPager used to have it's implementation built in a non-lazy way. Whenever I need it I've copied that into my app. /shrug

[Colton Idle]

Stylianos' suggestion is what I'd probably try first tho

[Stylianos Gakis]

Well Albert literally has a full blown solution here, even supporting accessibility properly and everything, so if it's a serious project I'd definitely go with that first.

[Andrey Kulikov]

there is a beyondBoundsPageCount param on HorizontalPager from compose:foundation. but keep in mind that loading a lot of pages at once will affect your performance. sometimes a more reasonable approach is to react on size changes nicely, like with having animateContentSize modifier on Pager, or something like this