Zig Zag Line

Lines.kt

@Composable
fun ZigZagLine(color: Color, modifier: Modifier = Modifier) {
    val shapeWidth = LINE_WIDTH
    val density = LocalDensity.current
    val zigZagPath = remember {
        with(density) {
            Path().apply {
                val zigZagWidth = shapeWidth.toPx()
                val zigZagHeight = shapeWidth.toPx()
                val zigZagLineWidth = (1.dp).toPx()
                val shapeVerticalOffset = (zigZagHeight / 2) / 2
                val shapeHorizontalOffset = (zigZagHeight / 2) / 2
                moveTo(0f, 0f)
                lineTo(zigZagWidth / 2, zigZagHeight / 2)
                lineTo(zigZagWidth, 0f)
                lineTo(zigZagWidth, 0f + zigZagLineWidth)
                lineTo(zigZagWidth / 2, zigZagHeight / 2 + zigZagLineWidth)
                lineTo(0f, 0f + zigZagLineWidth)
                translate(Offset(-shapeHorizontalOffset, -shapeVerticalOffset))
            }
        }
    }
    Canvas(modifier) {
        val pathEffect = PathEffect.stampedPathEffect(
            shape = zigZagPath,
            advance = shapeWidth.toPx(),
            phase = 0f,
            style = StampedPathEffectStyle.Translate
        )
        drawLine(
            color = color,
            start = Offset(0f, 0f),
            end = Offset(size.width, 0f),
            pathEffect = pathEffect,
            strokeWidth = shapeWidth.toPx()
        )
    }
}