Hi guys How Can I create horizontal line with circ...

# compose

[Ink]

Hi guys
How Can I create horizontal line with circle like on the picture?
My code draw only horizontal line

[Ink]

Row(
    modifier = Modifier
        .padding(top = 50.dp)
        .fillMaxWidth()
        .wrapContentHeight(),
        verticalAlignment = Alignment.CenterVertically
) {
    Divider(color = Color.Blue, thickness = 4.dp, modifier = Modifier.defaultMinSize(minWidth = 20.dp))
    Canvas(modifier = Modifier.size(60.dp), onDraw = {
        drawCircle(color = Color.Red)
    })
    Divider(color = Color.Blue, thickness = 4.dp, modifier = Modifier.defaultMinSize(minWidth = 10.dp).wrapContentWidth())
}

[Michael Bichlmeier]

You can try this one:

Box(contentAlignment = Alignment.CenterEnd) {
    Divider(modifier = Modifier.fillMaxWidth())
    Box(modifier = Modifier.padding(end = 10.dp).size(32.dp).clip(CircleShape).background(Color.White).border(1.dp, Color.Gray, CircleShape))
}

Just adapt the sizes and colors and there you go. Not sure if this is a proper solution, but it works as requested 😉

[Ink]

Perfect, thank you