Hey all, I’m using the Material ListItem ‘trailing’ property, and trying to align my trailing conten...

# compose

[Tim Malseed]

Hey all, I’m using the Material ListItem ‘trailing’ property, and trying to align my trailing content in a column.. with difficulty

[Colton Idle]

Show some code please!

[Tim Malseed]

...
trailing = {
    Column(Modifier.height(72.dp), Arrangement.Center) {
        Button(onClick = { }) {
            Text(text = "60kg")
        }
    }
},

[Tim Malseed]

The parent definition for ‘trailing’ in a two item list is:

OffsetToBaselineOrCenter(
    if (icon != null) {
        PrimaryBaselineOffsetWithIcon
    } else {
        PrimaryBaselineOffsetNoIcon
    }
    ) {
    Box(
        // TODO(popam): find way to center and wrap content without minHeight
        Modifier.heightIn(min = minHeight)
            .padding(end = TrailingRightPadding),
        contentAlignment = Alignment.Center
    ) { trailing() }
}

[Tim Malseed]

minHeight should resolve to 72.dp. I can’t see any obvious reason why I can’t stick a Column inside that Box, and then align the contents of the column to center vertically. But, it’s about day 2 of compose so hopefully I’m about to find out!

[Tim Malseed]

Actually, I think the content is correctly centered in the column. It’s probably the layout of the column itself that is problematic

[Tim Malseed]

I dunno. Maybe this is due to the parent being a box.

[Tim Malseed]

¯\_(ツ)_/¯