flutter – Row width

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(
      MaterialApp(
          theme: ThemeData(primarySwatch: Colors.blueGrey),
          home: Scaffold(
              appBar: AppBar(
                  title: const Text("Flutter - Row Width")
              ),
              body: bodyContent(),
              backgroundColor: Colors.cyan.shade50
          )
      )
  );
}

bodyContent(){
  return SizedBox(
      height: 100, width: 250,
      child: Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: [
            Container(color: Colors.cyan.shade200, width: 50),
            Container(color: Colors.cyan.shade400, width: 50),
            Container(color: Colors.cyan.shade600, width: 50),
            Container(color: Colors.cyan.shade800, 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 around
• flutter – Row space evenly
• flutter – Row alignment
• flutter – Row center
• flutter – Row center vertically
• flutter – Row background color