Jetpack Compose - 제트팩 컴포즈 개념과 구조(2)

2023. 2. 13. 16:15Android Jetpack/Compose

이번에는 LazyColumn과 LazyRow를 알아보도록하겟습니다.

 

이름에서 알 수 있듯이 LazyColum LazyRow의 차이점은 항목을 배치하고 스크롤하는 방향입니다. LazyColum은 세로로 스크롤되는 목록을 생성하고 LazyRow는 가로로 스크롤되는 목록을 생성합니다.

 

출처: 목록 및 그리드  |  Jetpack Compose  |  Android Developers

 

목록 및 그리드  |  Jetpack Compose  |  Android Developers

목록 및 그리드 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 많은 앱에서 항목의 컬렉션을 표시해야 합니다. 이 문서에서는 Jetpack Compose에서 이 작업을 효

developer.android.com

 

자주사용되는 LazyColum 의 간단한 예제를 통해 알아보겟습니다.

ListPreview 함수를 만들어주면서, LazyColum을 통해 Arragement.spaceBy() 를 사용해 수직으로 간격을 10 만큼 띄워주고,

LiazyListScope는 레이아웃의 항목을 설명하는 여러 함수를 제공합니다. 

가장 기본적인 item() 함수를 통해 Text값을 추가해주엇고, items() 함수는  여러 항목을 추가할수있다.

 

  • item 값에 컬러 를 주고싶으면  각 함수에 suface 색상을 정의해주고 사용하면된다.

'Android Jetpack > Compose' 카테고리의 다른 글

Jetpack Compose - 제트팩 컴포즈 개념과 구조  (0) 2023.02.10