title: Flutter: why Container is not taking size of text?
body: <p>I want to have whole width as color background so I have taken <code>Container</code> for that and given width as <code>double.infinity</code> but it is not taking <code>height</code> of text inside it.</p>
  <p>code,</p>
  <pre><code>Container(
                padding: EdgeInsets.only(
                  left: width * 0.013,
                ),
                child: Text(
                  title,
                  style: TextStyle(
                    fontSize: 50,
                    fontFamily: 'Quicksand',
                    fontWeight: FontWeight.bold,
                  ),
                ),
                width: double.infinity,
                decoration: BoxDecoration(
                  color: color,
                ),
              ),
  </code></pre>
  <p>output I'm getting,</p>
  <p><a href="https://i.stack.imgur.com/YMtzN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YMtzN.png" alt="enter image description here" /></a></p>
  <p>required output,</p>
  <p><a href="https://i.stack.imgur.com/mdkZt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mdkZt.png" alt="enter image description here" /></a></p>