Flutter / Material Design / Column

main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Column Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: ColumnDemo(),
    );
  }
}

class ColumnDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: SizedBox(
          height: 2000,
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(height: 300, color: Colors.yellow),
              const SizedBox(height: 24),
              Expanded(
                child: Container(color: Colors.red),
              ),
            ],
          ),
        ),
      ),
    );
  }
}