Fix nav bar icons

This commit is contained in:
Joren 2024-04-28 16:14:24 +02:00
parent 8ea27a59bc
commit 5e088363f3
Signed by untrusted user who does not match committer: Joren
GPG Key ID: 280E33DFBC0F1B55

View File

@ -1,5 +1,6 @@
package com.ti.mobpo package com.ti.mobpo
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.padding
import androidx.compose.material.icons.Icons import androidx.compose.material.icons.Icons
@ -7,8 +8,10 @@ import androidx.compose.material.icons.filled.Favorite
import androidx.compose.material.icons.filled.Home import androidx.compose.material.icons.filled.Home
import androidx.compose.material.icons.filled.Person import androidx.compose.material.icons.filled.Person
import androidx.compose.material.icons.outlined.Favorite import androidx.compose.material.icons.outlined.Favorite
import androidx.compose.material.icons.outlined.FavoriteBorder
import androidx.compose.material.icons.outlined.Home import androidx.compose.material.icons.outlined.Home
import androidx.compose.material.icons.outlined.Person import androidx.compose.material.icons.outlined.Person
import androidx.compose.material3.Icon
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.NavigationBar import androidx.compose.material3.NavigationBar
import androidx.compose.material3.NavigationBarItem import androidx.compose.material3.NavigationBarItem
@ -42,7 +45,7 @@ fun Navigation() {
BottomNavigationItem( BottomNavigationItem(
title = "Favourites", title = "Favourites",
selectedIcon = Icons.Filled.Favorite, selectedIcon = Icons.Filled.Favorite,
unselectedItem = Icons.Outlined.Favorite, unselectedItem = Icons.Outlined.FavoriteBorder,
route = Screen.Favourites.route route = Screen.Favourites.route
), ),
BottomNavigationItem( BottomNavigationItem(
@ -70,10 +73,12 @@ fun Navigation() {
label = { Text(item.title) }, label = { Text(item.title) },
alwaysShowLabel = true, alwaysShowLabel = true,
icon = { icon = {
if (index == selectedItemIndex) { Box {
Icon(imageVector = if (index == selectedItemIndex) {
item.selectedIcon item.selectedIcon
} else { } else {
item.unselectedItem item.unselectedItem
}, contentDescription = item.title)
} }
} }
) )
@ -82,7 +87,9 @@ fun Navigation() {
}, },
content = { innerPadding -> content = { innerPadding ->
Surface( Surface(
modifier = Modifier.fillMaxSize().padding(innerPadding), modifier = Modifier
.fillMaxSize()
.padding(innerPadding),
color = MaterialTheme.colorScheme.background, color = MaterialTheme.colorScheme.background,
content = { content = {
NavHost(navController = navController, startDestination = Screen.PokeSearch.route) { NavHost(navController = navController, startDestination = Screen.PokeSearch.route) {