flexible_loose_tight.dart

flexible_loose_tight.dart

import 'package:flutter/material.dart';

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

class FlexibleExample03 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flexible - Tight & Loose'),
          centerTitle: true,
        ),
        body: Column(
          children: [
            Flexible(
              flex: 3,
              fit: FlexFit.tight, // loose 
              child: Container(
                height: 250,
                color: Colors.orange,
              ),
            ),
            Flexible(
              flex: 1,
              child: WidgetPurple(),
            ),
            Flexible(
              flex: 1,
              child: WidgetBlue(),
            ),
          ],
        ),
      ),
    );
  }
}

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

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