🎉

Jetpack ComposeでTextをタップできるようにした場合にタップ領域を広げる

2022/10/12に公開

単純に Text を押せるようにしようとするとタップ領域が狭くなります。


Text(
  text = "hogehoge",
  modifier = Modifier
        .clickable {
           onCancel.invoke()
        }
)

なので、タップ領域を広げるためにこんな感じにしました。

 Box(
   modifier = Modifier
        .clickable {
            onCancel.invoke()
        }
 ) {
   Text(
      text = "hogehoge",
       modifier = Modifier.padding(8.dp)
    )
}

Discussion