Flutter101 - Layout row

readme.md

Flutter101 - Layout row

Created with <3 with dartpad.dev.

main.dart

import 'package:flutter/material.dart';

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

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

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