tight_and_loose_flexibles_together.dart

tight_and_loose_flexibles_together.dart

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark(),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Deep Dive Testing'),
          backgroundColor: Colors.blue,
        ),
        body: SizedBox(
          height: 200.0,
          width: 200.0,
          child: Container(
            child: Column(
              // We set the mainAxisSize to min
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Flexible(
                  fit: FlexFit.tight,
                  flex: 1,
                  child: Container(
                    color: Colors.green,
                    width: 100.0,
                    height: 100.0,
                  ),
                ),
                Flexible(
                  fit: FlexFit.loose,
                  flex: 1,
                  child: Container(
                    color: Colors.yellow,
                    width: 100.0,
                    height: 10.0,
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}