title: Flutter TextFormField with icon on container with height
body: <p>I'm trying to recreate this search input but I'm having troubles in keeping it that small, if I add the prefixIcon the height increases and I can't seem to control it.</p>
  
  <p><a href="https://i.stack.imgur.com/oZ5HC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/oZ5HC.png" alt="enter image description here"></a></p>
  
  <p>Here's what I have right now.
  <strong>I'm using a row because I will need to add a button after the input field as well, but that's for later.</strong></p>
  
  <p><a href="https://i.stack.imgur.com/xSf6i.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xSf6i.png" alt="enter image description here"></a></p>
  
  <pre><code>Widget _buildSearch() =&gt; Container(
            padding: EdgeInsets.all(8.0),
            color: Color(0xFF131313),
            height: 50.0,
            child: Row(
              children: &lt;Widget&gt;[
                Flexible(
                  flex: 2,
                  child: TextFormField(
                    textAlign: TextAlign.left,
                    style: TextStyle(fontSize: 11.0),
                    decoration: InputDecoration(
                        contentPadding: new EdgeInsets.symmetric(vertical: 0.0),
                        border: InputBorder.none,
                        prefixIcon: Padding(
                          padding: EdgeInsets.all(0.0),
                          child: Icon(
                            Icons.search,
                            color: Colors.grey,
                          ), // icon is 48px widget.
                        ),
                        hintText: 'Search artist, genre, playlist',
                        hintStyle: TextStyle(fontSize: 11.0)),
                  ),
                ),
              ],
            ),
          );
  </code></pre>