【質問内容】
NewsPicksの記事にあるような、いいねを押した人のうち数人だけのアイコンを少し重ねて横に並べて表示させる方法を知りたい。
【回答】
①Rowの中にStack、そのStackの中にCircleImageを入れる。
②StackにQueryを設定し、Stackの中のCircleImageのImageのパスを設定する
(ドキュメントの数が多い場合はQueryのLimitの数を3とか4とか少な目に設定する)
③少しずつずらして見せるために、CircleImageのPaddingの左端の部分をクリックし、CodeExpressionを入れる。
Argument1に値をIntegerで設定し(例ではindexという名前)、ImageのListのIndex in Listを設定する。
そして、index*75 などの式を入れて保存する。
すると画像のwidthが100pixelの場合、25pixelずつ重なりながら、画像が連続して表示されます。