[ComposeFest2021 - 2-1 week] Layouts in Jetpack Compose 리뷰

진행 내용 

2-1 week 코드랩 : Layouts in Jetpack Compose

Layouts in Jetpack Compose  |  Android Developers

 

리뷰 내용

1. Image의 placeholder 로 Surface 를 사용할 수 있다.

Surface(
            modifier = Modifier.size(50.dp),
            shape = CircleShape,
            color = MaterialTheme.colors.onSurface.copy(alpha = 0.2f)
        ) {
            // Image goes here
        }

2. Modifier 의 순서에 따라 padding을 margin 으로 사용할 수 있다.

@Composable
fun PhotographerCard(modifier: Modifier = Modifier) {
    Row(modifier
        .padding(8.dp)
        .clip(RoundedCornerShape(4.dp))
        .background(MaterialTheme.colors.surface)
        .clickable(onClick = { /* Ignoring onClick */ })
        .padding(16.dp)
    ) {
        ...
    }
}

3. Intrinsics

• height(IntrinsicSize.Min) -> 최소 고유키 만큼의 높이 지정 

 

참고 자료

전체 진행 내용 : https://sites.google.com/view/devfest-korea-2021/compose-codelab

Devfest Korea 2021 - Compose Codelab

 

github : https://github.com/olivia-soy/ComposeFest2021