kamydeep00178

@Composable
fun HomeScreen() {
    var count by remember { mutableStateOf(0) }
    Column {
        Text("Count =  $count")
        Button(onClick = { count++ }){
            Text("Click On Increment")
        }
    }
}

kamydeep00178

viewModel.userData.observe(viewLifecycleOwner){ user ->
    binding.userName.text = user.name
}

kamydeep00178

viewModel.userData.observe(this){ user ->
    binding.userName.text = user.name
}

kamydeep00178

viewModel.userData.observe(??..) { user ->
    binding.name.text = user.name
}

kamydeep00178

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            ComposeBottomNavigationTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    AppScreen(modifier = Modifier.padding(innerPadding))
                }
            }

kamydeep00178

@Composable
fun AppScreen(modifier: Modifier) {
    val navController = rememberNavController()
    Scaffold(
        bottomBar = { BottomNavigationBar(navController = navController, appItems = Destination.toList) },
        content = { padding ->
            Box(modifier = Modifier.padding(padding)) {
                AppNavigation(navController = navController)
            }
        }

kamydeep00178

@Composable
fun BottomNavigationBar(navController: NavController, appItems: List<Destination>) {
    NavigationBar(
        containerColor = colorResource(id = R.color.white),
    ){
        val navBackStackEntry by navController.currentBackStackEntryAsState()
        val currentRoute = navBackStackEntry?.destination?.route
        appItems.forEach { item ->
            NavigationBarItem(
                icon = {

kamydeep00178

@Composable
fun AppNavigation(navController: NavHostController) {
    NavHost(navController, startDestination = Destination.Home.route) {
        composable(Destination.Home.route) {
            Home()
        }
        composable(Destination.Order.route) {
            Order()
        }
        composable(Destination.Categories.route) {

kamydeep00178

sealed class Destination(val route: String, val icon: Int, val title: String) {

    data object  Home : Destination(
        route = "home",
        icon = R.drawable.ic_home,
        title = "Home"
    )

    data object Categories : Destination(
        route = "categories",

kamydeep00178

@Composable
fun Order(){
    Column(
        modifier = Modifier.fillMaxSize()
            .wrapContentSize(Alignment.Center)
    ) {
        Text(text = "Order",
            fontSize = 18.sp,
            color = androidx.compose.ui.graphics.Color.Gray,
            fontWeight = androidx.compose.ui.text.font.FontWeight.Bold,