title: How to make Text fill the width in flutter?
body: <p>I am trying to create a GridView with 2 columns and the grid items in the following way</p>
  <ol>
  <li>Image as background (which would be downloaded from internet)</li>
  <li>Name of the item to be shown on the bottom of the card with transparent black background.</li>
  </ol>
  <p>I tried the following way</p>
  <pre><code>Container(
    color: Colors.redAccent,
    child: GridView.builder(
        shrinkWrap: true,
        itemCount: 4,
        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 2),
        itemBuilder: (BuildContext context, int index) {
          return Card(
            child: Stack(
              children: [
                Align(
                  alignment: Alignment.center,
                  child: Image.network(
                    &quot;http://localhost:1337${products[index].thumb_image?.url ?? &quot;&quot;}&quot;,
                    errorBuilder: (context, error, url) =&gt;
                        Icon(Icons.image_outlined),
                    fit: BoxFit.fill,
                    height: double.infinity,
                    width: double.infinity,
                  ),
                ),
                Align(
                  child: Container(
                    child: Text(
                      &quot;Value = $index&quot;,
                      style: TextStyle(backgroundColor: Colors.black26),
                    ),
                  ),
                  alignment: Alignment.bottomCenter,
                ),
              ],
            ),              
          );
        }),
  )
  </code></pre>
  <p><a href="https://i.stack.imgur.com/o0fFA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o0fFA.png" alt="Screenshot of the error I am receiving" /></a></p>
  <p>But, the text is not filling the complete card. How can I make the <code>Text</code> match the width?</p>