LoginSignup
0
0

More than 1 year has passed since last update.

repeating groupをカード型レイアウトにする方法

Posted at

repeating groupのスタイルを直接いじってカード型デザインにする方法が見当たらなかったので、groupを使って実装する。

【目標】
・cssでいうところのグリットデザインのようなものをrepeating groupでデータ参照しながら実装したい。
004.png
上の画像の(b)のようなものを作る((a)は割と簡単にできる)
画像元:https://gihyo.jp/design/serial/01/ui-design-unsung/0015

【実装】
・repeating groupのセル内に通常のグループを配置し、repeating groupの背景をnoneに設定し、通常のgroupの背景をFlatに設定する。
スクリーンショット (2).png
(わかりやすいようにrepeating groupに背景色をつけてます)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0