Properties
| Property | Type | Description |
|---|---|---|
| mainAxisAlignment | StacMainAxisAlignment | How the children should be placed along the main axis. |
| crossAxisAlignment | StacCrossAxisAlignment | How the children should be placed along the cross axis. |
| mainAxisSize | StacMainAxisSize | How much space should be occupied in the main axis. |
| textDirection | StacTextDirection | Determines the order to lay children out horizontally and how to interpret start and end in the horizontal direction. |
| verticalDirection | StacVerticalDirection | The order to lay children out vertically. |
| textBaseline | StacTextBaseline | The baseline to use when aligning text. |
| spacing | double | How much space to place between children in the main axis. |
| children | List<StacWidget> | The widgets below this widget in the tree. |
Example
- Dart
- JSON
- Preview
StacRow(
mainAxisAlignment: StacMainAxisAlignment.center,
crossAxisAlignment: StacCrossAxisAlignment.center,
spacing: 12,
children: [
StacImage(
src: 'https://images.pexels.com/photos/2718416/pexels-photo-2718416.jpeg',
width: 100,
),
StacImage(
src: 'https://images.pexels.com/photos/121629/pexels-photo-121629.jpeg',
width: 100,
),
StacImage(
src: 'https://images.pexels.com/photos/1414642/pexels-photo-1414642.jpeg',
width: 100,
),
],
)
{
"type": "row",
"mainAxisAlignment": "center",
"crossAxisAlignment": "center",
"spacing": 12,
"children": [
{
"type": "image",
"src": "https://images.pexels.com/photos/2718416/pexels-photo-2718416.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
"width": 100
},
{
"type": "image",
"src": "https://images.pexels.com/photos/121629/pexels-photo-121629.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
"width": 100
},
{
"type": "image",
"src": "https://images.pexels.com/photos/1414642/pexels-photo-1414642.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
"width": 100
}
]
}