我正在尝试实现以下布局
enter image description here
在jetpack合成中无法设置单独的边框宽度
这是我的密码
Row(
modifier = Modifier
.border(width = 1.dp, shape = RoundedCornerShape(4.dp), color = Purple3)
.padding(10.dp),
verticalAlignment = Alignment.CenterVertically
) {
Image(
painter = painterResource(id = R.drawable.info),
contentDescription = stringResource(id = R.string.long_press_an_item),
)
Text(
text = stringResource(id = R.string.long_press_an_item),
fontFamily = FontFamily(Font(R.font.inter_medium)),
fontSize = 12.sp,
color = Gray5,
modifier = Modifier.padding(horizontal = 10.dp)
)
}
2条答案
按热度按时间vatpfxk51#
我用了不同的颜色,但你可以看到结果:
我看到有三种方法,你可以达到这个效果:
1.您可以创建自定义修饰符扩展方法,就像我在我的一个项目中所做的那样,使用drawBehind Modifier:
用法:
这是一个非常糟糕的方法,但我还是要提到它以防万一
1.你可以用
Box
来压缩你的元素,然后给它添加填充:vxqlmq5t2#
这可以使用一个有背景的框作为你的边界,并添加填充比其他角更多的填充开始