title: How to vertically align Text inside Container
body: <p>I have a <code>Wrap</code> layout with some <code>Container</code> children. Each container has a child, <code>Text</code></p>
  
  <p>The <code>Container</code> has a fixed height but a flexible width.</p>
  
  <p>How can I vertically align the <code>Text</code> inside the <code>Container</code>? I tried to use <code>alignment: Alignment.centerLeft</code>, but then the Container's width spans the whole parent.</p>
  
  <p>I can not set the width of the <code>Container</code> since I don't know what width the text will be.</p>
  
  <pre><code>Wrap(
        spacing: 3.0, // gap between adjacent chips
        runSpacing: 3.0, // gap between lines
        children: &lt;Widget&gt;[
          new Container(
            height: 30,
            alignment: Alignment.centerLeft,
            padding: EdgeInsets.symmetric(vertical: 5, horizontal: 10),
            decoration: BoxDecoration(
              color: Colors.grey[200],
              borderRadius: BorderRadius.circular(15),
            ),
            child: Text(
              'hallo',
              style: TextStyle(background: _paint,),
            ),
          ),
          ...
  </code></pre>
  
  <p>This is how it should look like - but the red text should be vertically centered:</p>
  
  <p><a href="https://i.stack.imgur.com/OT2fo.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OT2fo.png" alt=""></a></p>