1. DarkMode 처리

2. 텍스트가 길어지는 경우를 모두 처리해주기

Text 하나에 대한 처리

• 노래 정보, 한마디는 하나의 Text로 이루어져 있음.

Text(
    text = pick.name,
    modifier = Modifier.weight(1f),
    color = MaterialTheme.colorScheme.onSurface,
    overflow = TextOverflow.Ellipsis,
    maxLines = 1,
    style = MaterialTheme.typography.bodyLarge,
)

여러개의 composable 함수로 이루어진 경우

처음에는 짱구님의 픽을 하나의 함수로 만들었다.

하지만 생략되어서는 안될 정보가 “님의 픽”, 아이콘, 픽 개수라고 생각했다.

그래서 다음과 같이 컴포저블 함수를 쪼갰다.

닉네임이 길어지는 경우 모든 컴포저블 함수가 뒤로 밀리게 된다.

닉네임이 길어질 시 생략될 수 있도록 해보자.

Text(
    text = pick.name,
    **modifier = Modifier.weight(1f),**
    color = MaterialTheme.colorScheme.onSurface,
    overflow = TextOverflow.Ellipsis,
    maxLines = 1,
    style = MaterialTheme.typography.bodyLarge,
)