flutter – Column space between

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 Space Between")
              ),
              body: bodyContent()
          )
      )
  );
}

bodyContent(){
  return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Container(color: Colors.green.shade400, height: 80),
        Container(color: Colors.pink.shade400, height: 80),
        Container(color: Colors.amber.shade400, height: 80),
        Container(color: Colors.indigo.shade400, height: 80)
      ]
  );
}

More flutter tutorials

• flutter – ConstrainedBox scroll
• flutter – SingleChildScrollView vertical
• flutter – SingleChildScrollView horizontal
• flutter – How to create horizontal GridView
• flutter – GridView horizontal scroll
• flutter – How to make a Card clickable
• flutter – Card circle shape
• flutter – Column background color
• flutter – Column spacing
• flutter – Column max height
• flutter – Column align right
• flutter – Column space around
• flutter – Column vertical direction
• flutter – Row space between
• flutter – Row height