title: SingleChildScrollView won't work? Placement?
body: <p>I have a card I am displaying with some info. I want to wrap it in a SingleChildScrollView as I have more items to add to the card, but when I do the screen just blanks out? I have tried putting it as root (Scaffold body) and before the Card but it won't work?</p>
  
  <pre><code> return Scaffold(
          backgroundColor: globals.pageBackgroundColor,
          appBar: AppBar(
              title: Text('Company name'),
              leading: new IconButton(
                  icon: new Icon(Icons.arrow_back),
                  onPressed: () {
                    Navigator.pop(context, true);
                  })),
          body: Padding(
              padding: EdgeInsets.all(10),
              child: Card(
                  child: Container(
                      decoration:
                          BoxDecoration(color: globals.widgetBackgroundColor),
                      child: Column(
                        children: &lt;Widget&gt;[
                        Container(
                            height: 120,
                            width: double.infinity,
                            decoration: BoxDecoration(color: Colors.white),
                            child: Row(
                              children: &lt;Widget&gt;[
                                Padding(
                                    padding: EdgeInsets.fromLTRB(10, 0, 0, 0),
                                    child: Container(
                                        alignment: Alignment.centerLeft,
                                        width: 100,
                                        height: 100,
                                        child: Image.network("https://via.placeholder.com/200"))),
                                Expanded(
                                  child: Padding(
                                      padding: EdgeInsets.fromLTRB(30, 20, 10, 0),
                                      child: Column(
                                        crossAxisAlignment:
                                            CrossAxisAlignment.start,
                                        children: &lt;Widget&gt;[
                                          Text('Company name',
                                              style: TextStyle(
                                                  fontSize: 18,
                                                  fontWeight: FontWeight.bold)),
                                          Text('Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum')
                                        ],
                                      )),
                                )
                              ],
                            )),
                        Padding(
                          padding: EdgeInsets.only(left: 20, top: 20, right: 20),
                          child: Container(
                            child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: &lt;Widget&gt;[
                                  Text('Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum ',
                                      style: TextStyle(color: Colors.white)),
                                  Padding(padding: EdgeInsets.only(top: 25)),
                                  Row(
                                    crossAxisAlignment: CrossAxisAlignment.end,
                                    children: &lt;Widget&gt;[
                                      Icon(
                                        Icons.thumb_up,
                                        color: Colors.white,
                                      ),
                                      Padding(
                                          padding: EdgeInsets.only(right: 20)),
                                      Text('Lorem ipsum lorem',
                                          style: TextStyle(
                                              color: globals.cardSubTitleColor,
                                              fontWeight: FontWeight.bold,
                                              fontSize: 18))
                                    ],
                                  )
                                ]),
                          ),
                        ),
                        Padding(padding: EdgeInsets.only(top: 20)),
                        Expanded(
                                child: GridView.count(
                                  padding: EdgeInsets.all(5),
                                    scrollDirection: Axis.horizontal,
                                    crossAxisCount: 1,
                                    children: List.generate(10, (index) {
                                      return Image.network(
                                        "https://via.placeholder.com/200",
                                      );
                                    })))
  
                      ])))));
    } 
  </code></pre>
  
  <p>Any takers? I can't seem to figure this one out;</p>