title: error:- Another exception was thrown: A RenderFlex overflowed by 33 pixels on the bottom
body: <p><strong>[enter image description here]</strong><br>
  <a href="https://i.stack.imgur.com/y6TGP.jpg" rel="nofollow noreferrer">1</a>Error showing when i run my app...My code is below ...can anyone tell what is wrong with my code 
  ///////////////////////
  Error showing when i run my app...My code is below ...can anyone tell what is wrong with my code 
  ///////////////////////</p>
  
  <pre><code>import 'package:flutter/material.dart';
  import 'package:cloud_firestore/cloud_firestore.dart';
  import 'dart:async';
  import 
  </code></pre>
  
  <p>'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';</p>
  
  <pre><code>class OfferPage extends StatefulWidget {
  
    @override
    _OfferPageState createState() =&gt; new _OfferPageState();
  }
  
  class _OfferPageState extends State&lt;OfferPage&gt; {
  
  
    StreamSubscription&lt;QuerySnapshot&gt; subscription;
    List&lt;DocumentSnapshot&gt; offerpostList;
    final CollectionReference collectionReference =
    Firestore.instance.collection("todos");
  
  
  
    @override
    void initState() {
      // TODO: implement initState
      super.initState();
      subscription = collectionReference.snapshots().listen((datasnapshot) {
        setState(() {
          offerpostList = datasnapshot.documents;
        });
      });
  
      // _currentScreen();
    }
  
    @override
    void dispose() {
      subscription?.cancel();
      super.dispose();
    }
  
    @override
    Widget build(BuildContext context) {
      return new Scaffold(
          body: offerpostList != null? new StaggeredGridView.countBuilder(
            padding: const EdgeInsets.all(8.0),
            crossAxisCount: 4,
            itemCount: offerpostList.length,
            itemBuilder: (context, i) {
              String imgPath = offerpostList[i].data['url'];
              String title = offerpostList[i].data['productTitle'];
              return new Material(
                elevation: 8.0,
                borderRadius:
                new BorderRadius.all(new Radius.circular(8.0)),
                child: new InkWell(
                  child:new Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: &lt;Widget&gt;[
                      Text(title,style: new TextStyle(
                          fontStyle: FontStyle.italic,
                          color: Colors.green[900],
                          fontSize: 16.0)),
                    new Hero(
                      tag: imgPath,
                      child:
                        new FadeInImage(
                        image: new NetworkImage(imgPath),
                        fit: BoxFit.cover,
                        placeholder: new AssetImage("assets/logo.png"),
                        ),
  
  
                    ),
  
                ],
                  ),
  
                ),
              );
            },
            staggeredTileBuilder: (i) =&gt;
            new StaggeredTile.count(2, i.isEven ? 2 : 3),
            mainAxisSpacing: 8.0,
            crossAxisSpacing: 8.0,
          )
              : new Center(
            child: new CircularProgressIndicator(),
          ));
    }
  }
  </code></pre>