Dashed line

Lines.kt

@Composable
fun DashedLine(color: Color, modifier: Modifier = Modifier) {
    val density = LocalDensity.current
    with(density) {
        val dashOnInterval = (LINE_WIDTH * 4).toPx()
        val dashOffInterval = (LINE_WIDTH * 4).toPx()

        val pathEffect = PathEffect.dashPathEffect(
            intervals = floatArrayOf(dashOnInterval, dashOffInterval),
            phase = 0f
        )
        Canvas(modifier) {
            drawLine(
                color = color,
                start = Offset(0f, 0f),
                end = Offset(size.width, 0f),
                strokeWidth = LINE_WIDTH.toPx(),
                cap = StrokeCap.Round,
                pathEffect = pathEffect,
            )
        }
    }
}