Jetpack Compose の Button に無意識で確保されるスペース - Qiita

Jetpack Compose で Button 系のコンポーネントをレイアウトに詰めていると 指定してないのに謎のスペースが空いてなぜだろうとなりませんか (ならないか……) たとえば こういうレイアウトをしてみます: Column { Button(onClick = { /*TODO*/ }) { Text(text = "Hello") } Button(onClick = { /*TODO*/ }) { Text(text = "World") } } なんか微妙にスペースがあいてることに気づくかもしれません Layout Inspector でみるとわかりやすいです: 理由 そういえば 私たちはタッチしやすくなるように clickable な UI 要素には タップ ターゲットサイズ を考慮する必要があって、 Compose Material はバージョン 1.1.0 から 4