Fix nav bar icons

This commit is contained in:
Joren
2024-04-28 16:14:24 +02:00
parent 8ea27a59bc
commit 5e088363f3

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) {