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