Android Compose LazyColumn (RecyclerView 대체)

2024. 4. 25. 15:18Android

반응형

Android Compose 에서 LazyColumn 사용해보자

기존에 Android 에서 List 형식의 UI 를 그릴때 사용하던 RecyclerView

 

RecyclerView 하나를 사용 하려면 굉장히 많은 코드를 작성을 해야합니다.

 

 RecyclerView 셋팅,  Adapter , itemLayout , ViewHoler......

 

리스트 하나 그리는데 저렇게 많은 클래스와 코드를 작성 해야되니 굉장히 귀찮았었는데

 

Compose에서는 코드 단 몇줄이면 List 형식의 UI를 만들수있습니다.

 

LazyColumn 살펴보기

LazyColumn(modifier = Modifier.fillMaxSize()) {

    items(count = 50) { index ->
        Row(modifier = Modifier.fillMaxWidth()) {
            Text(
                text = "Item : $index",
                fontSize = 17.sp,
                modifier = Modifier
                    .padding(start = 20.dp, bottom = 10.dp, top = 10.dp, end = 0.dp)
                    .align(Alignment.CenterVertically)
            )
            Box(
                modifier = Modifier
                    .weight(1f)
                    .padding(bottom = 10.dp, top = 10.dp)
            )
            Text(
                text = ">",
                fontSize = 20.sp,
                modifier = Modifier
                    .padding(end = 20.dp)
                    .align(Alignment.CenterVertically)
            )
        }

    }
}

 

적용모습

 

코드 몇줄로 List 형식의 UI를 그려낼수있습니다.

 

 

감사합니다.

반응형