title: Vertically Centre Align Text in TextField Flutter
body: <p>I tried finding in a lot of resources but unfortunately i could not find a way to align the text vertically centre in a textfield. I also tried using suffixIcon instead of suffix but still not luck. Here is my code :</p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  void main() =&gt; runApp(MyApp());
  
  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: HomePage(),
      );
    }
  }
  
  class HomePage extends StatefulWidget {
    @override
    State&lt;StatefulWidget&gt; createState() {
      return _HomePageState();
    }
  }
  
  class _HomePageState extends State&lt;HomePage&gt; {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          leading: Icon(
            Icons.menu,
            color: Colors.black,
          ),
          backgroundColor: Colors.white,
          title: Container(
            margin: EdgeInsets.only(bottom: 10),
            child: Image.asset(
              "icons/logo.png",
            ),
          ),
          bottom: PreferredSize(
            child: Padding(
              padding: EdgeInsets.only(
                left: 10,
                right: 10,
                bottom: 10,
              ),
              child: Container(
                height: 40,
                child: TextField(
                  textAlignVertical: TextAlignVertical.center,
                  textAlign: TextAlign.left,
                  maxLines: 1,
                  style: TextStyle(
                    fontSize: 13,
                  ),
                  decoration: InputDecoration(
                      suffixIcon: IconButton(icon: Icon(Icons.search, color: Colors.black,), onPressed: (){}),
                      border: OutlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.black,
                        ),
                        borderRadius: BorderRadius.all(Radius.circular(15)),
                      )
                  ),
                ),
              ),
            ),
            preferredSize: Size(MediaQuery.of(context).size.width, 50),
          ),
        ),
        body: Container(
          margin: EdgeInsets.only(top: 11),
          child: Column(
            children: &lt;Widget&gt;[
              Carousel(),
            ],
          ),
        ),
      );
    }
  }
  
  class Carousel extends StatefulWidget {
    @override
    State&lt;StatefulWidget&gt; createState() {
      return _CarouselState();
    }
  }
  
  class _CarouselState extends State&lt;Carousel&gt; {
    List&lt;String&gt; urls = [];
  
    @override
    Widget build(BuildContext context) {
      return Padding(
        padding: EdgeInsets.symmetric(horizontal: 10),
        child: Stack(
          children: &lt;Widget&gt;[
            Image.network(
                "someImageUrlHere."),
            Positioned(
              bottom: 5,
              width: MediaQuery.of(context).size.width - 20,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: &lt;Widget&gt;[
                  Text("•"),
                  Text("•"),
                  Text("•"),
                  Text("•"),
                  Text("•"),
                ],
              ),
            ),
          ],
        ),
      );
    }
  }
  </code></pre>
  
  <p>What could be the issue that is causing this problem ? and how can i solve this issue ?</p>