Jetpack Compose 소개

필요한 것

Navigation은 특정 경로를 따라 앱 내의 한 대상에서 다른 대상으로 네비게이팅(= 탐색 or 이동) 할 수 있게 해주는 Jetpack 라이브러리다. Navigation 라이브러리는 또한 Jetpack 컴포즈로 구축된 화면 내에서 일관되고, 관용적인 네비게이션을 가능하게 하는 특정 아티팩트를 제공한다. 이 아티팩트( navigation-compose)는 이 코드랩에서 주안점으로 두고 있는 부분이다.

당신이 할 일

Rally Material Study를 이 코드랩의 베이스로 사용할 것이다. 기존 네비게이션 코드를 마이그레이션하여, Jetpack 네비게이션 컴포넌트를 사용하고, Jetpack 컴포즈의 화면 간을 네비게이션한다.

Note: Rally는 머티리얼 디자인 컴포넌트와 머티리얼 테마를 사용하여, 데이터 기반의 심미학으로 브랜드 경험을 생성하는 개인 금융 앱이다.

배울 내용

  • Jetpack Compose와 함께 Jetpack Navigation 사용의 기본 사항
  • 컴포저블 간 네비게이팅
  • 필수 및 선택적 인자와 함께 네비게이팅
  • 딥 링크를 사용하여 네비게이팅
  • 네비게이션 계층 구조에 TabBar 통합
  • 네비게이션 테스트

Jetpack Compose 설정

당신의 컴퓨터에서 이 코드랩을 따라갈 수 있다. 직접 따라하려면 코드랩의 시작점을 클론하자.

$ git clone https://github.com/googlecodelabs/android-compose-codelabs.git

git 커맨드 대신 두개의 압축 파일을 다운로드 받을 수도 있다.

코드를 다운로드했으므로 Android Studio에서 NavigationCodelab 프로젝트를 열자. 이제 시작할 준비가 되었다.

컴포즈 코드랩 저장소는 코드랩 과정을 따라가기 위한 스타터 코드를 포함한다.

이 코드랩에서 NavigationCodelab 프로젝트를 사용하자.

NavigationCodelab : 이 코드랩을 위한 시작 및 완성 코드가 포함 된 프로젝트

이 프로젝트에는 여러 브랜치가 존재한다.

main : 이 프로젝트를 위한 스타터 코드, 코드랩을 완성시키기 위해 당신이 변경할 것이다.

end : 이 코드랩에 대한 솔루션을 포함한다.


후원하기

카테고리: Compose

0개의 댓글

답글 남기기

Avatar placeholder

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.