【解決済み】アイコンを微妙に重ねて並べる方法

【質問内容】
NewsPicksの記事にあるような、いいねを押した人のうち数人だけのアイコンを少し重ねて横に並べて表示させる方法を知りたい。

【回答】
①Rowの中にStack、そのStackの中にCircleImageを入れる。
image

②StackにQueryを設定し、Stackの中のCircleImageのImageのパスを設定する
(ドキュメントの数が多い場合はQueryのLimitの数を3とか4とか少な目に設定する)
image

③少しずつずらして見せるために、CircleImageのPaddingの左端の部分をクリックし、CodeExpressionを入れる。
image

Argument1に値をIntegerで設定し(例ではindexという名前)、ImageのListのIndex in Listを設定する。

そして、index*75 などの式を入れて保存する。

すると画像のwidthが100pixelの場合、25pixelずつ重なりながら、画像が連続して表示されます。

「いいね!」 2

とても参考になります!
ありがとうございます!

「いいね!」 2