main.dart
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
theme: ThemeData(primarySwatch: Colors.grey),
home: Scaffold(
appBar: AppBar(
title: const Text("Flutter - Row Space Around")
),
body: bodyContent(),
backgroundColor: Colors.blueGrey.shade50,
)
)
);
}
bodyContent(){
return SizedBox(
height: 125,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Container(color: Colors.blue.shade100, width: 50),
Container(color: Colors.blue.shade200, width: 50),
Container(color: Colors.blue.shade300, width: 50),
Container(color: Colors.blue.shade400, width: 50),
Container(color: Colors.blue.shade500, width: 50)
]
)
);
}
More flutter tutorials
- flutter – Column background color
- flutter – Column spacing
- flutter – Column full width
- flutter – Column height
- flutter – Column scrollable
- flutter – Column max height
- flutter – Column align right
- flutter – Column space between
- flutter – Column space around
- flutter – Row space evenly
- flutter – Row alignment
- flutter – Row center
- flutter – Row width
- flutter – Row center vertically
- flutter – Row background color