본문 바로가기
프로그래밍 놀이터/Compose

[android] Switch in Compose

by 돼지왕 왕돼지 2022. 9. 14.
반응형

#

Android View 시스템의 Switch 는 Compose 에서 동일한 이름인 'Switch' 를 사용한다.

 

#

Switch 의 function signature 는 아래와 같다.

@Composable
@OptIn(ExperimentalMaterialApi::class)
fun Switch(
    checked: Boolean,
    onCheckedChange: ((Boolean) -> Unit)?,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    colors: SwitchColors = SwitchDefaults.colors()
)

 

#

Switch 의 일반적인 사용은 아래와 같다.

val isChecked by remember { mutableStateOf(false) }
Switch(
    value = isChecked,
    onCheckChanged = { isChecked = it },
)

 

#

Switch 의 Thumb color 변경은 colors 에 SwitchColors 를 assign 한다.

Switch(
	...
    colors = SwitchDefaults.colors(uncheckedThumbColor = Color.DarkGray),
)

 

 

반응형

댓글