技術標籤：Jetpack-ComposeJetpackComposeCheckBox

Jetpack Compose - CheckBox

• • 1、屬性一覽
  • 2、使用示例
  • 3、版本更新
  • 4、未解決問題

1、屬性一覽

【目前基於alpha08版本的屬性】首先直接看下屬性，連結在這裡：

@Composable fun Checkbox(
    checked: Boolean, 
    onCheckedChange: (Boolean) -> Unit, 
    modifier: Modifier = Modifier, 
    enabled: Boolean = true, 
    interactionState: InteractionState = remember { InteractionState() }, 
    colors: CheckboxColors = CheckboxConstants.defaultColors()
): Unit
 

這些屬性都類同於Button的屬性，不做過多詳解：

2、使用示例

@Composable
fun CheckBoxDemo() {
    val checkedState = remember { mutableStateOf(true) }
    Checkbox(
        checked = checkedState.value,
        onCheckedChange = {
            checkedState.value = it
        }
    )
}

執行效果如下所示：

和前面Switch一樣都是預設提供的樣式。

3、版本更新

• 暫無更新

4、未解決問題

不清楚如何使用自定義的圖片，和Switch一樣，color屬性中只能自定義顏色。所以如果想使用自定義的圖片資源是不是暫時只能使用IconButton這種形式了呢？期待官方後面的更新。