title: Reduce and centralize TextFields
body: <p>I would like to <strong>reduce the size (width and height)</strong> of these two TextFields and <strong>align it to the center of the screen.</strong> I tried using Container() and Center() but there's always a problem with where I'm trying to put it.</p>
  <pre><code>class _TelaPrincipalState extends State&lt;TelaPrincipal&gt; {
    final firstTextEditingController = TextEditingController();
    final secondTextEditingController = TextEditingController();
    @override
    Widget build(BuildContext context) {
      return Scaffold(
          appBar: AppBar(
            title: Text('My App'),
          ),
          body: Column(
            children: [
              TextField(
                controller: firstTextEditingController,
                decoration: InputDecoration(
                  labelText: 'Insert first input',
                  fillColor: Colors.white,
                  filled: true,
                  contentPadding:
                      EdgeInsets.symmetric(vertical: 8, horizontal: 8),
                ),
                style: TextStyle(color: Colors.black),
              ),
              TextField(
                controller: secondTextEditingController,
                decoration: InputDecoration(
                  labelText: 'Insert second input',
                  fillColor: Colors.white,
                  filled: true,
                  contentPadding:
                      EdgeInsets.symmetric(vertical: 8, horizontal: 8),
                ),
                style: TextStyle(color: Colors.black),
              )
            ],
          ));
    }
  }
  </code></pre>