为什么 Jetpack Compose 卡半径角不均匀答案

【问题标题】：Why is the Jetpack Compose card radius corner not even为什么 Jetpack Compose 卡半径角不均匀
【发布时间】：2020-12-12 02:53:49
【问题描述】：

我有一个 lazyColumn 包装物品

@Composable
fun MySimpleListItem(
    itemViewState: String,
    itemClickedCallback: (() -> Unit)? = null,
) {
    Card(
        shape = RoundedCornerShape(50.dp),
        backgroundColor = Color(0xFFFF0000),
    ) {
        Text(
            text = itemViewState,
            modifier = Modifier.fillMaxWidth().padding(16.dp),
            style = TextStyle(fontSize = 32.sp),
            textAlign = TextAlign.Center
        )
    }
}

看起来顶部和底部的角是不同的圆角。我做错什么了吗？

【问题讨论】：

标签： android-cardview android-jetpack-compose

【解决方案1】：

您的卡片高度太小，无法正确显示形状。它应该至少是你的半径的两倍

Card(
    modifier = Modifier.preferredHeight(100.dp),
    shape = RoundedCornerShape(50.dp),
    backgroundColor = Color(0xFFFF0000),
)

或以百分比设置形状的半径：

Card(
    shape = RoundedCornerShape(50),
    backgroundColor = Color(0xFFFF0000),
    )

【讨论】：