🔀 :: (#71) bottom nav compose

moiza-design/src/main/java/com/moiza_design/icon/MoizaIcons.kt

@@ -13,4 +13,8 @@ object MoizaIcons {
     val CreateImage = R.drawable.ic_create_image
     val WhitePlus = R.drawable.ic_plus_white
     val WhiteClose = R.drawable.ic_close_white
+    val home = R.drawable.ic_home
+    val board = R.drawable.ic_board
+    val notification = R.drawable.ic_notification
+    val profile = R.drawable.ic_profile
 }

presentation/src/main/java/com/moizaandroid/moiza/ui/board/BoardScreen.kt

@@ -0,0 +1,8 @@
+package com.moizaandroid.moiza.ui.board
+
+import androidx.compose.runtime.Composable
+
+@Composable
+fun BoardScreen() {
+
+}

presentation/src/main/java/com/moizaandroid/moiza/ui/home/HomeScreen.kt

@@ -0,0 +1,8 @@
+package com.moizaandroid.moiza.ui.home
+
+import androidx.compose.runtime.Composable
+
+@Composable
+fun HomeScreen() {
+
+}

presentation/src/main/java/com/moizaandroid/moiza/ui/main/BottomNavItem.kt

@@ -0,0 +1,6 @@
+package com.moizaandroid.moiza.ui.main
+
+data class BottomNavItem(
+    val route: String,
+    val icon: Int
+)

presentation/src/main/java/com/moizaandroid/moiza/ui/main/MainActivity.kt

@@ -2,36 +2,118 @@ package com.moizaandroid.moiza.ui.main
 
 
 import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
 import androidx.activity.viewModels
-import androidx.navigation.fragment.findNavController
-import androidx.navigation.ui.setupWithNavController
-import com.google.android.material.bottomnavigation.BottomNavigationView
-import com.moizaandroid.moiza.R
-import com.moizaandroid.moiza.databinding.ActivityMainBinding
-import com.moizaandroid.moiza.ui.base.BaseActivity
+import androidx.compose.foundation.layout.height
+import androidx.compose.material.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.currentBackStackEntryAsState
+import androidx.navigation.compose.rememberNavController
+import com.moiza_design.icon.MoizaIcons
+import com.moiza_design.theme.Blue
+import com.moiza_design.theme.Gray500
+import com.moizaandroid.moiza.ui.board.BoardScreen
+import com.moizaandroid.moiza.ui.home.HomeScreen
+import com.moizaandroid.moiza.ui.notification.NotificationScreen
+import com.moizaandroid.moiza.ui.profile.ProfileScreen
+import com.moizaandroid.moiza.utils.NavDestination
 import com.moizaandroid.moiza.viewmodel.MainViewModel
 
-class MainActivity : BaseActivity<ActivityMainBinding>(
-    R.layout.activity_main
-) {
+class MainActivity : ComponentActivity() {
     private val mainViewModel by viewModels<MainViewModel>()
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-
-        initBottomNavBar()
+        setContent {
+            val navController = rememberNavController()
+            Scaffold(
+                bottomBar = {
+                    BottomNavigationBar(
+                        itemList = listOf(
+                            BottomNavItem(
+                                route = NavDestination.BottomNav.HOME,
+                                icon = MoizaIcons.home
+                            ),
+                            BottomNavItem(
+                                route = NavDestination.BottomNav.BOARD,
+                                icon = MoizaIcons.board
+                            ),
+                            BottomNavItem(
+                                route = NavDestination.BottomNav.NOTIFICATION,
+                                icon = MoizaIcons.notification
+                            ),
+                            BottomNavItem(
+                                route = NavDestination.BottomNav.PROFILE,
+                                icon = MoizaIcons.profile
+                            )
+                        ),
+                        modifier = Modifier,
+                        navController = navController,
+                        onItemClick = {
+                            navController.navigate(it.route)
+                        })
+                }
+            ) {
+                Navigation(navController = navController)
+            }
+        }
     }
+}
 
-    private fun initBottomNavBar() {
-        val navController =
-            supportFragmentManager.findFragmentById(R.id.fragmentView)?.findNavController()
-        val nav = binding.bottomNav as BottomNavigationView
-        navController?.let {
-            nav.setupWithNavController(navController)
+@Composable
+fun Navigation(navController: NavHostController) {
+    NavHost(navController = navController, startDestination = NavDestination.BottomNav.HOME) {
+        composable(route = NavDestination.BottomNav.HOME) {
+            HomeScreen()
+        }
+        composable(route = NavDestination.BottomNav.BOARD) {
+            BoardScreen()
+        }
+        composable(route = NavDestination.BottomNav.NOTIFICATION) {
+            NotificationScreen()
+        }
+        composable(route = NavDestination.BottomNav.PROFILE) {
+            ProfileScreen()
         }
     }
+}
 
-    override fun initView() {}
-
-    override fun observeEvent() {}
-}
+@OptIn(ExperimentalMaterialApi::class)
+@Composable
+fun BottomNavigationBar(
+    itemList: List<BottomNavItem>,
+    navController: NavHostController,
+    modifier: Modifier,
+    onItemClick: (BottomNavItem) -> Unit
+) {
+    val backStackEntry = navController.currentBackStackEntryAsState()
+    BottomNavigation(
+        modifier = modifier,
+        backgroundColor = Color.White
+    ) {
+        itemList.forEach{ item ->
+            val selected = item.route == backStackEntry.value?.destination?.route
+            BottomNavigationItem(
+                selected = selected,
+                onClick = { onItemClick(item) },
+                selectedContentColor = Blue,
+                unselectedContentColor = Gray500,
+                icon = {
+                    Icon(
+                        painter = painterResource(id = item.icon),
+                        contentDescription = item.route,
+                        modifier = Modifier.height(20.dp)
+                    )
+                }
+            )
+        }
+    }
+}

presentation/src/main/java/com/moizaandroid/moiza/ui/notification/NotificationScreen.kt

@@ -0,0 +1,8 @@
+package com.moizaandroid.moiza.ui.notification
+
+import androidx.compose.runtime.Composable
+
+@Composable
+fun NotificationScreen() {
+
+}

presentation/src/main/java/com/moizaandroid/moiza/ui/profile/ProfileScreen.kt

@@ -0,0 +1,8 @@
+package com.moizaandroid.moiza.ui.profile
+
+import androidx.compose.runtime.Composable
+
+@Composable
+fun ProfileScreen() {
+
+}

presentation/src/main/java/com/moizaandroid/moiza/utils/NavDestination.kt

@@ -17,6 +17,12 @@ sealed class NavDestination(val title: String) {
         const val FIND_PASSWORD_VERTIFICATION_CODE = "인증번호 확인"
         const val FIND_PASSWORD_RESET_PASSWORD = "비밀번호 재입력"
         const val FIND_PASSWORD_FINISH_RESET = "비밀번호 재등록 완료"
+    }
 
+    object BottomNav: NavDestination("BottomNav") {
+        const val HOME = "홈"
+        const val BOARD = "게시글"
+        const val NOTIFICATION = "알림"
+        const val PROFILE = "프로필"
     }
 }