アイコン付きSwitchを表示する
最終更新日:2023-11-21
    
    Jetpack Composeでスイッチにアイコンを表示させるには、 thumbContent
 パラメータでコンポーザブルを指定します。
var checked by remember { mutableStateOf(initial) }
Switch(
    checked = checked,
    onCheckedChange = { checked = it },
    thumbContent = {
        Icon(imageVector = Icons.Default.Done, contentDescription = "Done")
    }
)
プレビューは次のようになります。
![]()
実用的かどうかはわかりませんが、 Image
 を使うと画像を表示させることもできます。
var checked by remember { mutableStateOf(initial) }
Switch(
    checked = checked,
    onCheckedChange = { checked = it },
    thumbContent = {
        // 画像を指定する
        Image(painter = painterResource(id = R.drawable.moke), contentDescription = "Moke")
    }
)
プレビューは次のようになります。
![]()

