Breaking News: Grepper is joining You.com. Read the official announcement!

navigation drawer jetpack compose

Sparkling Snail answered on March 9, 2024 Popularity 6/10 Helpfulness 1/10

answer navigation drawer jetpack compose

navigation drawer jetpack compose

Comment

@Composable
fun Drawer(
    modifier: Modifier = Modifier,
    itemTextStyle: TextStyle = TextStyle(fontSize = 16.sp),
    onItemClick: (String) -> Unit = {}//Navigate on Clicking
) {
    LazyColumn(modifier) {
        item {
            DrawerHeader()//Just a text
        }
        items(screens) //Here, add a list of Screen Object 
        { item ->
            Row(
                modifier = Modifier
                    .fillMaxWidth()
                    .clickable {
                        onItemClick(item.title)//pass the title as route to navigate
                    }
                    .padding(16.dp)
            ) {//Design for each Drawer Item
                Icon(imageVector = item.icon, contentDescription = item.title)
                Spacer(modifier = Modifier.width(16.dp))
                Text(
                    text = item.title,//Drawer Item name
                    style = itemTextStyle,
                    modifier = Modifier.weight(1f)
                )
            }
        }
    }
}

Popularity 6/10 Helpfulness 1/10 Language whatever

Source: www.linkedin.com

Tags: jetpack navigation-drawer whatever

Link to this answer
Share Copy Link

Contributed on Mar 09 2024

Sparkling Snail

0 Answers Avg Quality 2/10

navigation drawer jetpack compose

Contents

More Related Answers

navigation drawer jetpack compose

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.