공부/Android

[Compose] Text가 너무 길어서 맨 끝의 Icon이 보이지 않을때, 잘릴때

데자와 맛있다 2023. 8. 3. 20:46

이렇게 제목 옆에 공개글이면 혹은 비공개글이면 자물쇠가 보이도록 하고싶었다

Row(
        verticalAlignment = Alignment.CenterVertically,
        horizontalArrangement = Arrangement.Start
    ) {
        Text(
            text = resultTitle,
            fontWeight = FontWeight.Bold,
            fontSize = 16.sp,
            maxLines = 1,
            overflow = TextOverflow.Ellipsis
        )

        if (postData.normalUserId == userDataId && postData.postType == PostType.ASK.label) {
            Spacer(modifier = Modifier.size(8.dp))
            if (postData.hidden != null && postData.hidden!!) {
                Icon(
                    imageVector = MyIconPack.Postlocked,
                    contentDescription = "잠긴 글",
                    tint = Grey,
                    modifier = Modifier.size(16.dp)
                )
            } else {
                Icon(
                    imageVector = MyIconPack.Postunlocked,
                    contentDescription = "열린 글",
                    tint = Grey,
                    modifier = Modifier.size(16.dp)
                )
            }
        }

    }

이렇게 만들었는디

이렇게 길어지면 끝에 아이콘이 밀려서 안보임

Text에 위 처럼 속성을 추가하면된다

https://stackoverflow.com/questions/68458798/icons-getting-disappears-if-the-text-is-too-long-in-jetpack-compose

 

Icons getting disappears if the text is too long in Jetpack Compose

@Composable fun TopAppBar( name: String, modifier: Modifier = Modifier ) { Row( modifier = modifier .fillMaxWidth() .padding(20.dp, 0.dp),

stackoverflow.com