Jetpack Compose LazyColumn of Clickable Icon With Text

LazyColumn {    LazyColumn {        // using TextButton, comes with certain default style and padding        item {            TextButton(modifier = Modifier.fillMaxWidth(), onClick = { }) {                Row {                    Icon(                        imageVector = Icons.Filled.Add,                        // painterResource(id = R.drawable.ic_baseline_add_24),                        contentDescription = "New Album"                    )                    Text("New Album")                    Spacer(modifier = Modifier.weight(1f))                }            }        }        // divider text        item {            Text(                modifier = Modifier.padding(8.dp),                text = "More",                color = MaterialTheme.colors.onSurface.copy(alpha = 0.5f)            )        }        // using Row with Clickable        item {            Row(                modifier = Modifier.clickable {  }.padding(horizontal = 8.dp),                verticalAlignment = Alignment.CenterVertically            ) {                Icon(                    imageVector = Icons.Filled.Add,                    // painterResource(id = R.drawable.ic_baseline_add_24),                    contentDescription = "New Album"                )                Text("New Album")                // Spacer(modifier = Modifier.weight(1f))            }        }    }}

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.