Jetpack Compose Text 옆에는 다른 요소가, Text overflow에서는 옆의 다른 요소가 사라진 경우 해결 방법

결론


Text + Modifier내가 weight 맞혀줄게.

샘플 코드



Row(
	horizontalArrangement = Arrangement.SpaceBetween,
        verticalAlignment = Alignment.CenterVertically,
        modifier = Modifier
            .background(backgroundColor)
            .fillMaxWidth()
) {
	Text(
            text = "hogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehoge",
            modifier = Modifier.weight(1F),
        )
        hogehogeWidget()
}

해설


fillMaxWidth()가 있는 Row에는 두 개의 하위 요소가 있습니다.
왜냐하면 Text의 크기는 안에 있는 String에 따라 달라져요.
Modifier.weight()가 없으면 오버플로우, 텍스 옆 요소는 쫓겨난다.
그래서 Modifier.weight()로 비율 결정하기
다른 요소를 쫓아내지 않고 가로로 배열할 수 있다.

참고 문장


https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)
https://android--code.blogspot.com/2021/04/jetpack-compose-weight-modifier.html
https://stackoverflow.com/questions/67626002/jetpack-compose-textfield-and-fab-not-using-full-width
http://y-anz-m.blogspot.com/2021/07/jetpack-compose-modifierweight-fill.html

좋은 웹페이지 즐겨찾기