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 Evenly")
),
body: bodyContent()
)
)
);
}
bodyContent(){
return Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(color: Colors.green.shade400, height: 75),
Container(color: Colors.pink.shade400, height: 75),
Container(color: Colors.brown.shade400, height: 75),
Container(color: Colors.amber.shade400, height: 75),
Container(color: Colors.indigo.shade400, height: 75)
]
);
}
More flutter tutorials
- flutter – Padding between column items
- flutter – Padding between row items
- flutter – How to use FractionallySizedBox
- flutter – DecoratedBox border
- flutter – BoxDecoration image
- flutter – How to create horizontal GridView
- flutter – GridView horizontal scroll
- flutter – Card elevation
- flutter – Card shadow
- flutter – Column height
- flutter – Column scrollable
- flutter – Column max height
- flutter – Column align right
- flutter – Column align bottom
- flutter – Column align bottom right