Hi guys, I am drawing a circle with text. Drawing ...

# compose

[KotlinLeaner]

Hi guys, I am drawing a circle with text. Drawing a Circle and Text are side by side. Circle draw without any problem but Text is not drawing on right side of text.

[KotlinLeaner]

@Composable
private fun TimeLineView() {
    Row(
        modifier = Modifier
            .height(IntrinsicSize.Min)
            .fillMaxWidth()
    ) {
        NodeView(modifier = Modifier.padding(horizontal = 16.dp))
    }
}

@OptIn(ExperimentalTextApi::class)
@Composable
fun NodeView(modifier: Modifier) {
    val circleSize = LocalDensity.current.run { 8.dp.toPx() }
    val textMeasurer = rememberTextMeasurer()
    val measuredText = textMeasurer.measure(
        AnnotatedString("Hello World"),
        style = TextStyle(fontSize = 18.sp)
    )
    Canvas(modifier = modifier.fillMaxSize()) {
        val centerOffset = Offset(size.width / 2, size.height)
        drawCircle(
            Color.Black,
            circleSize,
            centerOffset
        )
        drawText(measuredText, color = Color.Black)
    }
}

[KotlinLeaner]

I want something like this

[KotlinLeaner]

Actual Output

[Loney Chou]

you didn't specify the coordinator of drawText like centerOffset

[KotlinLeaner]

okk thanks