I am trying to do this as first time jetpack practice

实际上这就是代码,唯一缺少的是圆角,我试过了,它确实剪辑了内容,但不可见.

@Preview
@Composable()
fun Horizontal_card (){
Row(
    Modifier
        .size(width = 352.dp, height = 80.dp)
        .background(MaterialTheme.colors.background)
        .clip(RoundedCornerShape(10.dp)),
    verticalAlignment = Alignment.CenterVertically) {
    Spacer(Modifier.width(16.dp))
    Cardcontent ()
}

}

This is the preview of the component

推荐答案

修饰语的顺序很重要.现在你的背景是

fun Modifier.background(
    col或: Col或,
    shape: Shape = RectangleShape
) = this.then(
    Background(
        col或 = col或,
        shape = shape,
        inspect或Info = debugInspect或Info {
            name = "background"
            value = col或
            properties["col或"] = col或
            properties["shape"] = shape
        }
    )
)

默认情况下使用RectangleShape.

你应该打电话

Modifier
    .size(width = 352.dp, height = 80.dp)
    .background(MaterialTheme.col或s.background, RoundedC或nerShape(10.dp))

Modifier
 .size(width = 352.dp, height = 80.dp)
 .clip(RoundedC或nerShape(10.dp))
 .background(MaterialTheme.col或s.background)

Android相关问答推荐

Kotlin多平台向导,不兼容版本(ANP 8.2.0)ANP 8.1.2

懒惰列的滚动到项目不按预期工作'

Android Jetpack Compose Material3主题配色方案

组成底部导航栏,自定义形状,周围透明

设置文本 colored颜色 动画时如何减少重新组合?

在c中更新MVVMCross中TextView的Alpha#

为什么 Android Compose 将片段作为参数传递给 Composables 函数?

如何在 Android Studio 中为带有 Room 的 SQLite 编写需要参数的查询?

如何知道我的应用程序的新版本是否显示广告?

Android CompanionDeviceManager 永远找不到任何附近的蓝牙设备

未解决的参考:pagerTabIndicatorOffset

Jetpack Compose 部分或开放侧边框

PullRefreshIndicator 与 ScrollableTabRow 重叠

我不能在 jetpack Compose 中使用 TextField()(material 3)

compose 更改列表元素但lazyColumn不更改

为什么我不能直接记住 mutableStateOf 可组合函数?

Android Compose 创建抖动动画

Firebase Crashlytics 缩小 R8 Android

Android YouTube SDK - 视频无法在某些 Android 设备中播放

未解决的参考:getIntentSender / try 在 Jetpack Compose 中获取电话号码时