JetpackComposeのRippleダサくない？

初めに

前回に引き続きJetpackComposeの記事を書いていこうと思います
今回はJetpackComposeを実装してる時に自分がこれ修正したいなぁって思って調べたものを備忘録として残しておきます

本文

早速ですが、実は結構簡単なんですよね。
Modifierでタップの挙動を制御する時に設定するclickableに対して以下の設定を追加してあげればいいだけです

interactionSource = remember { MutableInteractionSource() },
indication = rememberRipple(),

rememberRipple内にbounded, radius,colorを好きなように設定できます。
boundedはfalseを渡すことで領域を超えてエフェクトが発生します。
radiusは大きさを指定することができ、colorはrippleの色を変更することができます。

最後に

JetpackComposeは非常に便利な分、まだ思った通りの実装をするのには少し手間がかかってしまうところが多いので、こういった従来の実装をしたいけどどうしよっかなぁみたいな部分を記事に残していけたらなと思います。