Draw a line in jetpack compose

Question

Using XML layout, you could use a View object with colored background to draw a line.

<View    android:width="match_parent"    android:height="1dp"    android:background="#000000" /> 

How can we draw a horizontal or vertical line in Jetpack compose?

Answer 1

You can use

Divider Composable

method for Horizontal line like below.

Divider(color = Color.Blue, thickness = 1.dp) 

Example :

@Composable fun drawLine(){     MaterialTheme {          VerticalScroller{             Column(modifier = Spacing(16.dp), mainAxisSize = LayoutSize.Expand) {                  (0..3).forEachIndexed { index, i ->                     Text(                         text = "Draw Line !",                         style = TextStyle(color = Color.DarkGray, fontSize = 22.sp)                     )                      Divider(color = Color.Blue, thickness = 2.dp)                  }             }         }      }  }