이동식 저장소

Modifier.minimumInteractiveComponentSize()를 적용하면 된다. 이 modifier는 composable의 최소 크기를 각 기기의 'clickable 요소의 최소 크기'로 지정한다. 보통 48dp×48dp이지만, 기기에 따라 다를 수도 있다. (태블릿 등?) Before & After Icon에 적용해 보자. Icon( imageVector = Icons.Default.ChevronRight, contentDescription = null, tint = contentColorFor(backgroundColor = MaterialTheme.colorScheme.surface), modifier = Modifier.minimumInteractiveComponent..

여기 간단한 TabRow가 하나 있다. 그런데 하단 탭 영역을 스와이프하여 넘기면 선택된 탭의 텍스트 색이 바뀌지 않고, 와중에 tab indicator만 움직인다. 원인 일단 전체 코드를 보자. @OptIn(ExperimentalFoundationApi::class) @Composable private fun SubscriptionTabs( selectedTab: EditSubscriptionTab, onTabClick: (EditSubscriptionTab) -> Unit, categories: List, departments: List, onCategoryClick: (Int) -> Unit, onDepartmentClick: (String) -> Unit, onAddDepartmentBut..

Compose로 복잡한 UI를 개발하다 보면, 함수의 매개변수가 너무 많아지는 문제가 발생한다. 특히 Activity에서 호출하는 최상위 Composable은 매개변수가 많아질 수밖에 없다. // EditSubscriptionActivity.kt binding.composeView.setContent { val uiState by viewModel.uiState.collectAsState() KuringTheme { Subscriptions( selectedTab = uiState.selectedTab, categories = uiState.categories, departments = uiState.departments, onTabClick = viewModel::onTabClick, onCategor..

아래 글에 나와있는 내용대로 하면 99%는 해결된다. Guide - Accompanist Jetpack Navigation Compose Animation A library which provides Compose Animation support for Jetpack Navigation Compose. Warning This library is deprecated, with official navigation-compose support in androidx.navigation.compose. The original documentation google.github.io 그러나 AnimatedContentScope를 migrate하는 방법은 글에 나와있지 않은데, AnimatedContentT..

Compose Material 컴포넌트 중 TextField 종류가 TalkBack의 포커스를 받지 못하는 경우가 있다. 마치 해당 컴포넌트가 없는 것처럼 그냥 지나쳐 버린다. 원인 은 솔직히 잘 모르겠다. 그런데 TextField에 label을 추가해 주면 정상 작동한다. OutlinedTextField( label = { TitleSmall(text = stringResource(R.string.school_text_field_label)) }, // ... ) 접근성 차원에서라도 라벨을 꼬박꼬박 붙여주는 걸로..?