Jetpack Composeでインナーシャドーをつけたい

自作のAndroidアプリのデザインでインナーシャドーをつけてたのですが、なんとJetpack Composeにはインナーシャドーがない！

FigmaでイキったUIデザインをしてたら大罠に引っかかりました。
Figmaにあるから簡単にできるもんだと思ってた。

この衝撃のメモ

自作でInner shadowのmodifierを作ろう

この記事を読めば１発で作れました。ありがとう。海外のつよつよエンジニア

私は、ui/modifier/InnerShadowModifier.ktを作ってそこに書きました。
そのままコピペするだけでいけました。

Modifierでセットしてみよう

以下のコードのように書くと画像のように確認できます。

sample.kt

.innerShadow(
    shape = RectangleShape, 
    color = ShadowBlack,
    offsetY = (2).dp, 
    offsetX = (2).dp,
    blur = 4.dp
)

Figmaのデザイン通りに実装できそう

対応するFigmaの数値を入れるだけで作れるようになりました。
ありがとう。海外のつよつよエンジニア

Figmaの画面