import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text(widget.title),
        ),

        body: ListView(
          children: <Widget>[
            Text("List Item"),
            Text("List Item"),
            GridView.count(
              shrinkWrap: true,
              primary: false,
              padding: const EdgeInsets.only(top: 5),
              crossAxisSpacing: 10.0,
              crossAxisCount: 2,
              children: List.generate(5, (i) {
                return Stack(
                  overflow: Overflow.visible,
                  fit: StackFit.expand,
                  children: <Widget>[
                    Container(
                      color: Colors.yellow,
                      child: Card(
                        color: Colors.red,
                        elevation: 5,
                        child: Column(
                          mainAxisSize: MainAxisSize.max,
                          children: <Widget>[
                            Text(
                                "Some Text Here and here and here and here and more and more and more and more Some Text Here and here and here and here and more and more and more and more  Some Text Here and here and here and here and more and more and more and more  and more and more end ",
                                style: TextStyle(fontSize: 14),
                                overflow: TextOverflow.visible),

                            // ➜ This is the text.

                            SizedBox(
                              height: 30,
                            ),
                            Text('End'),
                          ],
                        ),
                      ),
                    ),
                  ],
                );
              }),
            ),
            Text("List Item"),
            Text("List Item"),
            Text("List Item"),
            Text("List Item"),
            Text("List Item"),
            Text("List Item"),
            Text("List Item"),
            Text("List Item"),
          ],
        ));
  }
}