Flutter101 - Layout column spacer

readme.md

Flutter101 - Layout column spacer

Created with <3 with dartpad.dev.

main.dart

import 'package:flutter/material.dart';

class ColumnDemo extends StatelessWidget {
  const ColumnDemo({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      textDirection: TextDirection.ltr,
      crossAxisAlignment: CrossAxisAlignment.center, // Positionnement horizontal
      children: [
        const Spacer(),
        Container(
          color: Colors.red,
          width: 100,
          height: 100,
        ),
        const Spacer(
          //flex: 4,   
        ),
        Container(
          color: Colors.green,
          width: 100,
          height: 100,
        ),
        const Spacer(),
        Container(
          color: Colors.blue,
          width: 100,
          height: 100,
        ),
        const Spacer(),
      ],
    );
  }
}

void main() {
  runApp(
    const ColumnDemo(),
  );
}