I wanna implement this design: I have 2 pages, the second page's left side part visible on the first page, and the first page's right side on the second.
I played with contentPadding
, pageSpacing
, modifier.graphicsLayer
and so on, but nothing worked. What is the correct setup? Thank you
You can make use of custom PageSize
. For example, we use this FillPageSize
, where you can specify the fraction of available space that each page takes:
class FillPageSize(
private val fraction: Float = 1F,
): PageSize {
override fun Density.calculateMainAxisPageSize(availableSpace: Int, pageSpacing: Int): Int {
return (availableSpace * fraction).roundToInt()
}
}
Usage is simple:
HorizontalPager(
pageSize = FillPageSize(.8F)
) { ... }
You can easily modify that to subtract specified amount of pixels from available space or something.