10. Compose 原生的CheckBox没法加Icon??

90 阅读1分钟

01. Compose 可组合组件之Row And Column

02. Compose 可组合组件之 属性 modifier

03. Compose 可组合组件之Card 图片

04. Compose 字体

05. Compose State

06. Compose SnackBar

07. Compose List

08. Compose ConstrainLayout

09. Compose Button

10. Compose CheckBox

使用ChexBox没法加Icon,自己想办法用IconButton代替

   @Composable
fun CheckBoxWithIcon(onClick: (click:Boolean) -> Unit){
    val icon = remember { mutableStateOf(R.mipmap.ic_un_selected) }
    var clicked = false
    IconButton(modifier = Modifier
        .padding(2.dp), onClick = {
        clicked = !clicked
        icon.value =
            if (clicked) R.mipmap.ic_selected else R.mipmap.ic_un_selected
        onClick.invoke(clicked)
    }) {
        Image(
            painter = painterResource(id = icon.value),
            contentDescription = null
        )
    }
}