ListItemleadingContent 可以在 Jetpack Compose Material3 中顶部对齐吗？

Question

ListItem 已添加到 M3，但 leadingContent 垂直居中。有没有办法让它在顶部对齐？

    ListItem(
        leadingContent = {
            AvatarView(avatar = friend.avatar, size = 40, modifier = modifier) {
                onClick(0)
            }
        },
         headlineText = {
            Text(text = friend.name,
                modifier = Modifier
                    .padding(bottom = 8.dp)
                    .wrapContentWidth(align = Alignment.Start)
                    .then(modifier))
        },
        supportingText = {
            Text(text = friend.bio + "", modifier = Modifier
                .padding(bottom = 16.dp)
                .then(modifier))
        },
        modifier = Modifier.clickable { onClick(0) }
    )

Answer 1

leadingContent 具有 contentAlignment = Alignment.TopStart 仅与三行列表项。您可以使用overlineText = { } 添加一个空的overlineText 属性来实现它。

就像是：

ListItem(
    headlineText = { Text("Two line list item with empty overlineText") },
    supportingText = { Text("Secondary text") },
    overlineText = {  },
    leadingContent = {
        Icon(
            Icons.Filled.Favorite,
            contentDescription = "Localized description",
        )
    }
)