Jetpack Composeでタップ可能なアイコンを表示する
最終更新日:2023-03-27
Jetpack Composeでタップ可能なアイコンを表示するには、Image + clickableではなく IconButton
を使います。
@Composable
fun MainScreen() {
Column {
IconButton(onClick = {
println("Clicked!")
}) {
Icon(imageVector = Icons.Default.Add, contentDescription = "Add")
}
}
}
IconButton
のコンテンツ部分には Icon
を使います。標準アイコンでよければ Icons.Default.アイコン名
が使えます。 Material IconsからSVG(Vector Resource)をとってきた場合は painter
で指定します。
@Composable
fun MainScreen() {
Column {
IconButton(onClick = {
println("Clicked!")
}) {
// painterで指定する
Icon(
painter = painterResource(R.drawable.baseline_add_24),
contentDescription = "Add"
)
}
}
}