Expanded 05

05_expanded.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, 
      home: ExpandedExample05(),
    );
  }
}

class ExpandedExample05 extends StatelessWidget {
  @override 
  Widget build(BuildContext context) {
    return Column(
      children: [
        Expanded(
          flex: 1,
          child: WidgetRed(),
        ),
        Expanded(
          flex: 2,
          child: WidgetBlue(),
        ),
        Expanded(
          flex: 1,
          child: WidgetPink(),
        ),
      ],
    );
  }
}

class WidgetRed extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.red,
    );
  }
}

class WidgetBlue extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.blue[900],
    );
  }
}

class WidgetPink extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.pinkAccent,
    );
  }
}