Flutter - The screen is not scrolling

Question

I inserted 6 cards, however it is not possible to scroll the screen.

According to the image below, a red stripe appears in the footer, and the screen does not scroll.

What is missing to be able to scroll the screen?

main.dart

import 'package:flutter/material.dart';  void main() {   runApp(new MyApp()); }  class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return new MaterialApp(       title: "Myapp",       home: new HomePage(),     );   } }  class HomePage extends StatelessWidget {   @override   Widget build(BuildContext context) => new Scaffold(     appBar: new AppBar(       backgroundColor: new Color(0xFF26C6DA),     ),     body: new Column(       children: <Widget>[         new Card(           child: new Column(             mainAxisSize: MainAxisSize.min,             children: <Widget>[               const ListTile(                 leading: const Icon(Icons.album),                 title: const Text('The Enchanted Nightingale'),                 subtitle: const Text('Music by Julie Gable. Lyrics by Sidney Stein.'),               ),             ],           ),         ),         ...         ...         ...       ],     )       ); } 

Answer 1

Columns don't scroll. Try replacing your outer Column with a ListView. You may need to put shrinkWrap: true on it.