AdaptiveColumn constructor

const AdaptiveColumn({
  1. double? gutter,
  2. double? margin,
  3. required List<AdaptiveContainer> children,
  4. Key? key,
})

Creates a vertical array of children. Going from left to right and then top to bottom.

This class has a responsive layout that is based of the adaptive breakpoints package. The user puts in AdaptiveContainer widgets as children and each child has a columm parameter. This represents the amount of columns it takes up in its current row. So if the child has three AdaptiveContainer widgets with each column set to 4 than on an extra-small screen each container would use up the entire width of the device. On an extra-large screen the three containers would fit across the row. This is because extra large devices allow up to 12 columns to fit within the space.

To see an example visit: https://adaptive-components.web.app/#/

Implementation

const AdaptiveColumn({
  this.gutter,
  this.margin,
  required this.children,
  super.key,
})  : assert(margin == null || margin >= 0),
      assert(gutter == null || gutter >= 0);