Skip to main content

​
Row

Stac row allows you to build the Flutter row widget using JSON. To know more about the row widget in Flutter, refer to the official documentation.

​
Properties

PropertyTypeDescription
mainAxisAlignmentMainAxisAlignmentHow the children should be placed along the main axis.
crossAxisAlignmentCrossAxisAlignmentHow the children should be placed along the cross axis.
mainAxisSizeMainAxisSizeHow much space should be occupied in the main axis.
textDirectionTextDirectionDetermines the order to lay children out horizontally and how to interpret start and end in the horizontal direction.
spacingdoubleHow much space to place between children in the main axis.
childrenList<Map<String,dynamic>>The widgets below this widget in the tree.

​
Example JSON

{
  "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
    }
  ]
}
⌘I