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

@Composable NavigationBar

Ben10 answered on June 27, 2023 Popularity 2/10 Helpfulness 3/10

answer @Composable NavigationBar

@Composable NavigationBar

Comment

@Composable
fun NavigationBar(
    selectedIndex: MutableState<Int>,
    modifier: Modifier = Modifier
) {
    val icons = listOf(Icons.Filled.Home, Icons.Filled.Search, Icons.Filled.Favorite, Icons.Filled.Settings)

    BottomNavigation(
        modifier = modifier,
        backgroundColor = Color.White
    ) {
        icons.forEachIndexed { index, icon ->
            BottomNavigationItem(
                icon = {
                    Icon(
                        imageVector = icon,
                        contentDescription = null
                    )
                },
                selected = selectedIndex.value == index,
                onClick = {
                    selectedIndex.value = index
                }
            )
        }
    }
}

Popularity 2/10 Helpfulness 3/10 Language typescript

Source: chat.openai.com

Tags: navigationbar typescript

Link to this answer
Share Copy Link

Contributed on Jun 27 2023

Ben10

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

@Composable NavigationBar

Contents

More Related Answers

@Composable NavigationBar

Grepper

Documentation

Social

Legal

Contact

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