StacCarouselView class

A Stac model representing Flutter's CarouselView widget.

Displays its children in a scrollable carousel, either as regular equally sized pages or with weighted widths defined by flexWeights.

{@tool snippet} Dart Example:

StacCarouselView(
  carouselType: StacCarouselViewType.weighted,
  padding: StacEdgeInsets.symmetric(horizontal: 12, vertical: 8),
  backgroundColor: '#FFFFFF',
  elevation: 5.0,
  overlayColor: '#FF0000',
  itemSnapping: true,
  shrinkExtent: 0.0,
  scrollDirection: StacAxis.horizontal,
  reverse: false,
  onTap: StacAction(type: 'callback', args: {'name': 'onItemTap'}),
  enableSplash: true,
  itemExtent: 300,
  flexWeights: [1, 7, 1],
  children: [
    StacImage(src: 'https://example.com/a.png'),
    StacImage(src: 'https://example.com/b.png'),
    StacImage(src: 'https://example.com/c.png'),
  ],
)

{@end-tool}

{@tool snippet} JSON Example:

{
  "type": "carouselView",
  "carouselType": "weighted",
  "padding": 12,
  "backgroundColor": "#FFFFFF",
  "elevation": 5.0,
  "overlayColor": "#FF0000",
  "itemSnapping": true,
  "shrinkExtent": 0.0,
  "scrollDirection": "horizontal",
  "reverse": false,
  "onTap": {"type": "callback", "name": "onItemTap"},
  "enableSplash": true,
  "itemExtent": 300,
  "flexWeights": [1, 7, 1],
  "children": [
    {"type": "image", "src": "https://example.com/a.png"},
    {"type": "image", "src": "https://example.com/b.png"},
    {"type": "image", "src": "https://example.com/c.png"}
  ]
}

{@end-tool}

See also:

• Flutter's CarouselView documentation