title: Error in Flutter: Failed assertion: line 588 pos 12: 'size.isFinite': is not true.in GridTileBar
body: <p>this is my first question to the community. I am learning Flutter and I was trying to recreate a design seen on Dribbble. I am having these two errors when I try to add a footer to a GridTileBar:</p>
  <ol>
  <li><p>The following assertion was thrown during performLayout():
  'package:flutter/src/rendering/stack.dart': Failed assertion: line 588 pos 12: 'size.isFinite': is not true.</p>
  </li>
  <li><p>RenderBox was not laid out: RenderStack#fd7b9 relayoutBoundary=up6 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
  'package:flutter/src/rendering/box.dart':
  Failed assertion: line 1940 pos 12: 'hasSize'</p>
  </li>
  </ol>
  <p>The relevant error-causing widget was
  ClipRRect
  lib\main_body.dart:73</p>
  <p>I have wrapped a GridTile inside a ClipRRect and the child of the GridTile is an Image, see the 2 screenshots before and after I add the footer.</p>
  <p><a href="https://i.stack.imgur.com/oz73j.png" rel="noreferrer">before</a>
  <a href="https://i.stack.imgur.com/lJkoC.png" rel="noreferrer">after</a></p>
  <p>Here is my code:</p>
  <pre><code>class UIUXCard extends StatelessWidget {
  
  @override
  Widget build(BuildContext context) {
    return ClipRRect(
      borderRadius: BorderRadius.circular(15),
      child: GridTile(
        child: Image.asset(
          'images/ui.jpg',
          fit: BoxFit.cover,
        ),
        footer: GridTileBar(
        backgroundColor: Colors.black54,
        title: Text('UI/UX Design'),
      ),
    ),
  );
  </code></pre>
  <p>}
  }</p>