Fix nav bar icons
This commit is contained in:
parent
8ea27a59bc
commit
5e088363f3
@ -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) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user