GraphicsCarouselBlock class
A responsive carousel component showcasing graphic / project images with navigation controls and an entity biography card.
Figma Specifications (Node 957:17108 - GraphicsCarouselBlock):
- Variants:
device=PC, isCarousel=True(957:17115):- Overall width: 896px (hug vertical).
- Container: 2-column grid / row with 24px gap.
- Images: 16:9 ratio, border radius 20px, 2px
#F3F4F6stroke, height ~245.25px. - Overlaid
.CarouselControlplaced aty: 98.78pxwith white 48x48px chevron buttons. - Bottom section: BiographyBlock (
type=Tall, device=Web) with logo, badges, title, and subtitle.
device=Mobile, isCarousel=True(957:17121):- Overall width: 316px (hug vertical).
- Container: Horizontal scroll / swipe carousel of cards (272px width, 153px height, 16:9 ratio, 24px gap).
- Bottom section: BiographyBlock in compact mobile mode (
hasLogo: false,hasBadgeBar: false).
- Inheritance
-
- Object
- DiagnosticableTree
- Widget
- StatefulWidget
- GraphicsCarouselBlock
Constructors
-
GraphicsCarouselBlock({Key? key, GraphicsCarouselBlockDevice device = GraphicsCarouselBlockDevice.auto, int pcItemsPerView = 2, double? width, double breakpoint = 600.0, double gap = 24.0, List<
String> ? imageUrls, List<Widget> ? items, int? itemCount, IndexedWidgetBuilder? itemBuilder, ValueChanged<int> ? onItemTap, Widget? biographyWidget, String title = 'Title', Widget? titleWidget, String subtitle = 'Subtitle', Widget? subtitleWidget, bool hasSubtitle = true, String? description, bool hasDescription = false, ImageProvider<Object> ? logo, String? logoAssetPath, Widget? logoWidget, bool hasLogo = true, bool hasBadgeBar = true, List<String> ? badgeLabels, List<Widget> ? badges}) -
Creates a GraphicsCarouselBlock.
const
Properties
-
badgeLabels
→ List<
String> ? -
Labels for badge pills.
final
-
badges
→ List<
Widget> ? -
Custom badge widgets.
final
- biographyWidget → Widget?
-
Custom widget override for the bottom biography block.
final
- breakpoint → double
-
Width threshold below which mobile layout is activated (defaults to 600.0).
final
- description → String?
-
Description text for the biography card.
final
- device → GraphicsCarouselBlockDevice
-
Viewport mode (
auto,pc, ormobile).final - gap → double
-
Spacing gap between graphic items (defaults to 24px per Figma).
final
- hasBadgeBar → bool
-
Whether the badge bar is displayed in PC mode (defaults to true).
final
- hasDescription → bool
-
Whether description is displayed (defaults to false).
final
- hashCode → int
-
The hash code for this object.
no setterinherited
- hasLogo → bool
-
Whether the logo is displayed in PC mode (defaults to true).
final
- hasSubtitle → bool
-
Whether subtitle is displayed (defaults to true).
final
-
imageUrls
→ List<
String> ? -
List of image URLs to display in the carousel.
final
- itemBuilder → IndexedWidgetBuilder?
-
Builder for generating items dynamically.
final
- itemCount → int?
-
Total count of items when using itemBuilder.
final
-
items
→ List<
Widget> ? -
List of pre-constructed image widgets.
final
- key → Key?
-
Controls how one widget replaces another widget in the tree.
finalinherited
-
logo
→ ImageProvider<
Object> ? -
Image provider for the entity logo.
final
- logoAssetPath → String?
-
Asset path for the entity logo.
final
- logoWidget → Widget?
-
Custom widget override for the logo.
final
-
onItemTap
→ ValueChanged<
int> ? -
Callback when an item is tapped.
final
- pcItemsPerView → int
-
Number of graphic cards visible at once in PC mode (supports 2 or 3, defaults to 2 per Figma).
final
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- subtitle → String
-
Subtitle descriptive text.
final
- subtitleWidget → Widget?
-
Custom widget override for subtitle.
final
- title → String
-
Title text for the biography card.
final
- titleWidget → Widget?
-
Custom widget override for title.
final
- width → double?
-
Optional fixed width constraint for the entire container (defaults to fill available parent width).
final
Methods
-
createElement(
) → StatefulElement -
Creates a StatefulElement to manage this widget's location in the tree.
inherited
-
createState(
) → State< GraphicsCarouselBlock> -
Creates the mutable state for this widget at a given location in the tree.
override
-
debugDescribeChildren(
) → List< DiagnosticsNode> -
Returns a list of DiagnosticsNode objects describing this node's
children.
inherited
-
debugFillProperties(
DiagnosticPropertiesBuilder properties) → void -
Add additional properties associated with the node.
inherited
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toDiagnosticsNode(
{String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode -
Returns a debug representation of the object that is used by debugging
tools and by DiagnosticsNode.toStringDeep.
inherited
-
toString(
{DiagnosticLevel minLevel = DiagnosticLevel.info}) → String -
A string representation of this object.
inherited
-
toStringDeep(
{String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String -
Returns a string representation of this node and its descendants.
inherited
-
toStringShallow(
{String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String -
Returns a one-line detailed description of the object.
inherited
-
toStringShort(
) → String -
A short, textual description of this widget.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited