1616package org.burnoutcrew.android.ui
1717
1818import androidx.compose.foundation.layout.padding
19- import androidx.compose.material.BottomNavigation
20- import androidx.compose.material.BottomNavigationItem
21- import androidx.compose.material.Icon
22- import androidx.compose.material.Scaffold
23- import androidx.compose.material.Text
24- import androidx.compose.material.TopAppBar
2519import androidx.compose.material.icons.Icons
26- import androidx.compose.material.icons.filled.List
20+ import androidx.compose.material.icons.automirrored. filled.List
2721import androidx.compose.material.icons.filled.Settings
2822import androidx.compose.material.icons.filled.Star
23+ import androidx.compose.material3.ExperimentalMaterial3Api
24+ import androidx.compose.material3.Icon
25+ import androidx.compose.material3.NavigationBar
26+ import androidx.compose.material3.NavigationBarItem
27+ import androidx.compose.material3.Scaffold
28+ import androidx.compose.material3.Text
29+ import androidx.compose.material3.TopAppBar
2930import androidx.compose.runtime.Composable
3031import androidx.compose.ui.Modifier
3132import androidx.compose.ui.graphics.Color
@@ -44,6 +45,7 @@ import org.burnoutcrew.android.ui.reorderlist.ReorderList
4445import org.burnoutcrew.android.ui.theme.ReorderListTheme
4546
4647
48+ @OptIn(ExperimentalMaterial3Api ::class )
4749@Composable
4850fun Root () {
4951 ReorderListTheme {
@@ -87,11 +89,11 @@ private fun Navigation(navController: NavHostController, modifier: Modifier) {
8789
8890@Composable
8991private fun BottomNavigationBar (items : List <NavigationItem >, navController : NavController ) {
90- BottomNavigation (contentColor = Color .White ) {
92+ NavigationBar (contentColor = Color .White ) {
9193 val navBackStackEntry = navController.currentBackStackEntryAsState()
9294 val currentRoute = navBackStackEntry.value?.destination?.route
9395 items.forEach { item ->
94- BottomNavigationItem (
96+ NavigationBarItem (
9597 icon = { Icon (item.icon, item.title) },
9698 label = { Text (text = item.title) },
9799 selected = currentRoute == item.route,
@@ -112,7 +114,7 @@ private fun BottomNavigationBar(items: List<NavigationItem>, navController: NavC
112114}
113115
114116private sealed class NavigationItem (var route : String , var icon : ImageVector , var title : String ) {
115- object Lists : NavigationItem(" lists" , Icons .Default .List , " Lists" )
116- object Grids : NavigationItem(" grids" , Icons .Default .Settings , " Grids" )
117- object Fixed : NavigationItem(" fixed" , Icons .Default .Star , " Fixed" )
117+ data object Lists : NavigationItem (" lists" , Icons .AutoMirrored . Filled .List , " Lists" )
118+ data object Grids : NavigationItem (" grids" , Icons .Default .Settings , " Grids" )
119+ data object Fixed : NavigationItem (" fixed" , Icons .Default .Star , " Fixed" )
118120}
0 commit comments