flutter – Column align right

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(
      MaterialApp(
          theme: ThemeData(primarySwatch: Colors.blue),
          home: Scaffold(
              appBar: AppBar(
                  title: const Text("Flutter - Column Align Right")
              ),
              body: bodyContent()
          )
      )
  );
}

bodyContent(){
  return Column(
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        Container(color: Colors.purple.shade400, height: 80),
        Container(
            color: Colors.pink.shade400,
            width: 100, height: 100
        ),
        Container(
            color: Colors.yellow.shade400,
            width: 250, height: 75
        )
      ]
  );
}

More flutter tutorials

• flutter – Card elevation
• flutter – Card shadow
• flutter – Card padding
• flutter – Column max height
• flutter – Column align bottom
• flutter – Column align bottom right
• flutter – Column space evenly
• flutter – Column vertical direction
• flutter – Row space between
• flutter – Row height
• flutter – Row alignment
• flutter – Row center
• flutter – Row width
• flutter – Row center vertically
• flutter – Row background color