# Bottom Navigation

3개의 포스트

[Compose] Bottom navigation 사용해보기

계속 회사일로 바뻐서 작업을 못하다가.. 이대로 가면 아무것도 못할거 같아서 앱작업을 좀 해보려고 한다. Compose를 사용해서 앱을 만들텐데, 우선 bottom navigation을 사용해보자 우선 종속성을 추가하자. 종속성 추가 여기에서 최신버전을 확인하면 된다. > 2022/11/16일 현재 최신버전은 2.5.3이다. 화면 추가하기 기본적으로 옮겨질 화면이 있어여 하므로, 사용할 화면 5개를 미리 만들어 보았다. BottomNavItem 만들기 이동을 위한 정보를 담고있는 class를 만듭니다. selad Class에 대한 정보는 여기서

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

[Android] Jetpack Compose - Bottom Navigation 만들기

Jetpack Compose Jetpack Compose는 새롭게 등장한 안드로이드 네이티브 UI 개발 도구다. 기존의 xml을 대체한 선언형(declarative) UI로 UI 개발을 간소화하고 가속화한 도구이다. 결과물 맨 위 gif가 Jetpack Compose를 이용해 Bottom Navigation Bar를 만든 결과물입니다. 배경 선언형 UI는 기존에 SwiftUI나 Flutter가 사용하고 있었다고 합니다. 최근 동향이 선언형 UI로 바뀌고 있는 것 같아 새 프로젝트에 적용해보며 포스팅을 해보기로 결심했습니다. 추후에 Jetpack Compose의 장점을 다루도록 하고 오늘은 Jetpack Compose로 Bottom Navigation 만드는 과정을 적어보도록 하겠습니다. 1. New Project에서 Empty Compose Activity를 선택하여 새 안드로이드 프로젝트를 만듭니다. ![](https://v

2022년 6월 1일
·
2개의 댓글
·
post-thumbnail

Jetpack Navigation Graph로 bottom navigation 설정하기

💡 Navigation 설정하기 Navigation를 사용하려면 먼저 build.gradle 파일에 필요한 라이브러리를 추가한다. 💡 Navigation graph 만들기 res에서 new -> Android Resource File -> resource type에서 Navigation를 선택하고 생성하면 res에 navigation 폴더안에 navigation graph가 생성된다. 생성된 navigation graph xml에서 들어가면 화면을 구성할 수 있는 부분이 있다. 여기서 상단에 플러

2021년 7월 20일
·
0개의 댓글
·