title: Flutter - How to remove margin under GridView?
body: <p>I get a strange margin under my <code>GridView</code>:</p>
  
  <p><a href="https://i.stack.imgur.com/obSLI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/obSLI.png" alt="IOS example"></a></p>
  
  <p>This image is from an IOS simulator, here's how it looks on a smaller screen on Android where the margin appears to be gone or a lot smaller:</p>
  
  <p><a href="https://i.stack.imgur.com/jPwyy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jPwyy.png" alt="Android example"></a></p>
  
  <p>Here's the code:</p>
  
  <pre><code>Column(
    children: [
       GridView.count(
         shrinkWrap: true,
         crossAxisCount: 8,
         children: tiles
       ),
       Text('mamma')
    ]
  )
  </code></pre>
  
  <p>Each element in the grid (<code>tiles</code>) is an <code>EmptyTile</code> widget:</p>
  
  <pre><code>class EmptyTile extends StatelessWidget {
  
    @override
    Widget build(BuildContext context) {
      return Container(
        decoration: BoxDecoration(
          color: bgColor,
          border: Border.all(color: borderColor)
        )
      );
    }
  }
  </code></pre>
  
  <p>I really can't figure out what this margin is or where it comes from, whether it has something to do with <code>shrinkWrap</code> or something else. </p>
  
  <p>How can I remove this margin?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>As requested here's the fullscreen images without the simplified example.</p>
  
  <p>IOS:</p>
  
  <p><a href="https://i.stack.imgur.com/GohxS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GohxS.png" alt="IOS"></a></p>
  
  <p>Android:</p>
  
  <p><a href="https://i.stack.imgur.com/gRKdo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gRKdo.png" alt="Android"></a></p>