KinLayoutData.fromWidth constructor

KinLayoutData.fromWidth(
  1. double width
)

Uses the shortest side of the available size so that rotating to landscape keeps the same layout tier (compact stays compact).

Implementation

factory KinLayoutData.fromWidth(double width) {
  if (width < 600) {
    return KinLayoutData(
      type: LayoutType.compact,
      columns: 4,
      margins: const EdgeInsets.symmetric(horizontal: KinSpacing.md),
    );
  } else if (width < 1200) {
    return KinLayoutData(
      type: LayoutType.medium,
      columns: 8,
      margins: const EdgeInsets.symmetric(horizontal: KinSpacing.lg),
    );
  } else {
    return KinLayoutData(
      type: LayoutType.expanded,
      columns: 12,
      margins: const EdgeInsets.symmetric(horizontal: KinSpacing.xl),
    );
  }
}