[안드로이드 스튜디오 코틀린] Jetpack Compose Material 과 Material3 하단 바 차이

 

 

 

Material

 

 

 

 

 

 

 

 

 

Scaffold에서 bottomBar = { } 안에서 넣어서 사용

 

 

 

 

 

 

 

 

 

 

 

 

---

 

 

 

 

 

 

 

 

Material3

 

 

 

 

 

 

 

이렇게 NavigationBar로 바뀌어서

 

 

 

아래처럼 넣어줘야 한다.

    Scaffold(
        bottomBar =  {
            NavigationBar {

            }
        }
    )

 

 

 

 

 

 

 

 

 

 

 

 

참고

 

- Material

https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#BottomNavigation(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1)

androidx.compose.material  |  Android Developers

 

 

 

https://m2.material.io/components/bottom-navigation

Material Design

 

 

 

 

 

- Material3

https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#navigationbar

androidx.compose.material3  |  Android Developers

 

https://m3.material.io/components/navigation-bar/overview

Navigation bar – Material Design 3