Style: LoginScreen 반응형 UI 적용하기

[vmkmym]

해야할 작업

1. 시스템 설정에 다른 Dark/Light mode
2. 반응형 UI

참고자료

• androidx.compose.material3.windowsizeclass
• Custom layouts
• Build adaptive layouts

[vmkmym]

다크모드 preview

@Preview(uiMode = Configuration.UI_MODE_NIGHT_NO, showBackground = true, name = "Light Mode", showSystemUi = true)
@Preview(uiMode = Configuration.UI_MODE_NIGHT_YES, showBackground = true, name = "Dark Mode", showSystemUi = true) // 왜 다크모드가 안보이지?
@Composable
fun LoginScreenPreviewDark() {
    LoginScreen(signInClicked = { /*TODO*/ })
}

Android Studio의 Compose 미리보기에서는 @Preview 어노테이션의 uiMode 매개변수를 사용하여 다크 모드와 라이트 모드를 시뮬레이션할 수 있습니다. 그러나 현재 Android Studio의 Compose 미리보기에서는 uiMode 매개변수가 제대로 작동하지 않는 것으로 알려져 있습니다. 이는 Android Studio의 버그일 수 있으며, 이러한 문제는 Android Studio의 업데이트를 통해 해결될 수 있습니다.

-> 안스 최신 버전이고 유튜브 영상보니까 다들 잘 되던데 왜 안되지 난

[vmkmym]

[로그인_라이트모드]	[로그인_다크모드]

[vmkmym]

이렇게 보면 완벽한데 기기에 돌리니까 다 깨짐