https://kotlinlang.org logo
Title
k

KotlinLeaner

04/17/2023, 6:02 PM
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.
@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)
    }
}
I want something like this
Actual Output
l

Loney Chou

04/18/2023, 12:38 AM
you didn't specify the coordinator of drawText like centerOffset
k

KotlinLeaner

04/18/2023, 10:07 AM
okk thanks