【问题标题】:Can ListItem leadingContent be top aligned in Jetpack Compose Material3?ListItemleadingContent 可以在 Jetpack Compose Material3 中顶部对齐吗?
【发布时间】:2022-10-05 14:52:27
【问题描述】:

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) }
    )



【问题讨论】:

    标签: android-jetpack-compose android-jetpack-compose-material3


    【解决方案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",
            )
        }
    )
    

    【讨论】:

    • 先生多次看到你的回答,你真的很棒
    猜你喜欢
    • 2022-11-06
    • 2021-12-15
    • 2021-10-29
    • 2023-02-18
    • 2023-02-12
    • 1970-01-01
    • 2021-10-01
    • 2022-10-21
    • 2021-11-15
    相关资源
    最近更新 更多