Jetpack Compose Timeline View

Based from https://github.com/yeocak/ComposableTimelineView

---

Screenshots

---

Usage:

Column {

    SingleNode(
        nodeType = TimelineView.NodeType.SPACER,
        node = {
            //Use any composable as a node
        },
        content = {
            //Use any composable as a content
        }
    )
}

Options

  SingleNode(
    nodeType = TimelineView.NodeType.FIRST,
    nodeSize = 51f,
    nodeColor = Color(0xFFf7f7f7),
    lineHeight = 51.dp,
    lineColor = Color.Gray,
    contentPosition = TimelineView.ContentPosition.Alternating,
    node = {},//Can also be a default node
    isDashed = false,
    content = {}
)

---

How to add to my project:

Add it in your root build.gradle at the end of repositories:

allprojects {
    repositories {
        //...
        maven { url 'https://jitpack.io' }
    }
}

dependencies {
    implementation 'com.github.jecsan:compose-timeline-view:v0.1.1'
}