如何使用 Jetpack Compose 制作两个圆圈

Question

我想用 jetpack compose 制作这个形状，我该怎么做？

Answer 1

你有不同的选择。
其中之一是带有Icon的简单Box ：

//external circle
Box( 
    contentAlignment= Alignment.Center,
    modifier = Modifier
        .size(32.dp)
        .border(
            width = 2.dp,
            color = Blue900,
            shape = CircleShape
        ),
){
    //internal circle with icon
    Icon(
        imageVector = Icons.Filled.Check,
        contentDescription = "contentDescription",
        modifier = Modifier
            .size(24.dp)
            .background(Blue900, CircleShape)
            .padding(2.dp),
        tint = Blue200
    )
}