Skip to content

CardCollectionLayout

Layout properties for a collection view used in CardCollection section.

CardCollectionLayout Properties

Property Type Required Default
LayoutType enum No "Vertical"
NumberOfColumns integer No 2
UseSameHeight boolean No false

LayoutType

  • type: enum
  • default: Vertical

The value of this property must be one of the known values listed below.

Value Description
HorizontalScroll Display the cards in horizontally scrollable list.
Vertical Display the cards in vertical list.
Masonry Display the cards in grid-like structure with flexible arrangement with each card adapting to the available space while maintaining alignment with adjacent cards.

NumberOfColumns

The number of columns to be displayed.

  • In iOS, this default value is set to 2 in portrait and 3 in landscape in regular mode (iPad). In compact mode (iPhone), the default value is set to 1 column.
  • In Android, when current screen width is larger than 600dp and screen height is larger than 480dp, the default value is set to 2 in portrait mode and 3 in landscape mode. Otherwise, the default value will be set to 1 column.

Only applicable for Masonry layout type.

  • type: integer
  • default: 2

UseSameHeight

To apply same height for all cards based on the tallest visible card. Only applicable for HorizontalScroll layout type.

  • type: boolean
  • default: false