A modern programming language that makes developers happier.

kotlinlang

20211008_110132.mp4

Just updated to Accompanist 0.19.0, and I have an issue with the reworked HorizontalPager: my items have now a start/end padding to fill the pager width, instead of only keeping the item width. Anyone know how to fix this ?

I opened an issue <https://github.com/google/accompanist/issues/776|here>

same issue for me, rolled back to 0.18.0 for now, I couldn't find a way to _not_ have item taking full width

This is working as intended. If you wish to implement the screenshot from above, you would use something like `contentPadding = PaddingValues(start = 16.dp, end = 128.dp)`

(obviously tweak those values to match your design)

so if we want to avoid fixed size (before we used fillMaxWidth(0.9f) ) we have to get the current composable/screen width to do that right ?

image.png

```@OptIn(ExperimentalPagerApi::class)
@Composable
fun PagerContent() {
    HorizontalPager(count = 10, contentPadding = PaddingValues(end = 100.dp)) {
        Box(
            Modifier
                .size(200.dp)
                .background(Color(Random.nextInt()))
        )
    }
}```
I'm not sure what is the way to have each square follow each other without any space

120.dp seems to be the value here but I found it by trial and error

&gt; This is working as intended. If you wish to implement the screenshot from above, you would use something like `contentPadding = PaddingValues(start = 16.dp, end = 128.dp)` 
Ah ok I will check this, thanks! BTW, is there any reason for this change?

<@U0QTUHNH3>: Use `Modifier.fillMaxWidth()` on your content (plus maybe `aspectRatio(1f)` if you want them to be square).

<@UBQ35P29Y>: Yep, the move to `LazyRow` forced us to re-think how it works. The new API is more restrictive and focused to what Pagers should be (in terms of UX).

What most people are using Pagers for (including <@U0QTUHNH3>'s design above) is closer to a `LazyRow` + snapping, than a Pager.

The PR has lots of discussion: <https://github.com/google/accompanist/pull/678>

it seems it also make the "I have an  horizontal pager with different item's height" works which is great !

Yeah, it comes with a lot of benefits too. `contentPadding` + `key` are key benefits

though there seems to be a bug with verticalAlignment

```@OptIn(ExperimentalPagerApi::class)
@Composable
fun PagerContent() {
    HorizontalPager(
        count = 10,
        contentPadding = PaddingValues(start = 20.dp, end = 20.dp),
        itemSpacing = 16.dp,
        verticalAlignment = <http://Alignment.Top|Alignment.Top>,
        modifier = Modifier
            .fillMaxSize()
            .background(Color.Green)
    ) {
        Box(
            Modifier
                .requiredHeight(100.dp)
                .background(Brush.verticalGradient(colors = listOf(Color.Blue, Color.Red)))
                .fillMaxWidth()
        )
    }
}```
still center the content :

i'm checking what's happening behind :smile:

ah yes, it's because each items are wrapped in a Box with
```fillParentMaxSize()```


I made a bug report <https://github.com/google/accompanist/issues/779>  , I think there is a workaround any way