<p dir="auto">When I have textAlign: TextAlign.center, and TextField is in SizedBox and when I enter first character the blinking line gets bugged and moves from center to the beginning of the TextField. As soon as I enter second character, line is okay once again.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/6430214/41400727-2d18395a-6fbe-11e8-8d9c-c40a5569cfbd.png"><img width="336" alt="screen shot 2018-06-14 at 10 28 16 am" src="https://user-images.githubusercontent.com/6430214/41400727-2d18395a-6fbe-11e8-8d9c-c40a5569cfbd.png" style="max-width: 100%;"></a><br>
Example:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import 'package:flutter/material.dart';

void main() =&gt; runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final appTitle = 'Test';

    return new MaterialApp(
      title: appTitle,
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text(appTitle),
        ),
        body: new Test(),
      ),
    );
  }
}

class Test extends StatefulWidget {
  @override
  TestState createState() {
    return new TestState();
  }
}

// Create a corresponding State class. This class will hold the data related to
// the form.
class TestState extends State&lt;Test&gt; {
  // Create a global key that will uniquely identify the `Form` widget
  @override
  Widget build(BuildContext context) {
    // Build a Form widget using the _formKey we created above
    return new Stack(
      children:[
        new Positioned(
          left: 100.0,
          right: 100.0,
          top: 200.0,
          height: 20.0,
          child: Row(
            children: &lt;Widget&gt;[
              new SizedBox(
                width: 50.0,
                child: new TextField(
                  textAlign: TextAlign.center,
                  style: new TextStyle(
                    color: Colors.blue,
                  ),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}"><pre class="notranslate"><code class="notranslate">import 'package:flutter/material.dart';

void main() =&gt; runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final appTitle = 'Test';

    return new MaterialApp(
      title: appTitle,
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text(appTitle),
        ),
        body: new Test(),
      ),
    );
  }
}

class Test extends StatefulWidget {
  @override
  TestState createState() {
    return new TestState();
  }
}

// Create a corresponding State class. This class will hold the data related to
// the form.
class TestState extends State&lt;Test&gt; {
  // Create a global key that will uniquely identify the `Form` widget
  @override
  Widget build(BuildContext context) {
    // Build a Form widget using the _formKey we created above
    return new Stack(
      children:[
        new Positioned(
          left: 100.0,
          right: 100.0,
          top: 200.0,
          height: 20.0,
          child: Row(
            children: &lt;Widget&gt;[
              new SizedBox(
                width: 50.0,
                child: new TextField(
                  textAlign: TextAlign.center,
                  style: new TextStyle(
                    color: Colors.blue,
                  ),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}
</code></pre></div>
<p dir="auto">I think this issue is the same with all text input widgets.<br>
A lil off topic - I didn't see how can we align, lets say, error text. If I use validation in TextFormField which covers whole width of the screen, and I use TextAlign.center for input, it's very ugly that error is on the left, and entered text in center of the widget.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v0.5.5-pre.10, on Mac OS X 10.13.4 17E202, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 9.4)
[✓] Android Studio (version 3.1)
[!] IntelliJ IDEA Ultimate Edition (version 2018.1.2)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] Connected devices (2 available)
"><pre class="notranslate"><code class="notranslate">flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v0.5.5-pre.10, on Mac OS X 10.13.4 17E202, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 9.4)
[✓] Android Studio (version 3.1)
[!] IntelliJ IDEA Ultimate Edition (version 2018.1.2)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] Connected devices (2 available)

</code></pre></div>
<p dir="auto">I'm using a TextField and have set its alignment to center.<br>
<code class="notranslate">body: new Container( color: Colors.blue, child: new Center( child: new TextField( decoration: new InputDecoration( hintText: "Anything goes here" ), textAlign: TextAlign.center, ), ), ),</code></p>
<p dir="auto">However, I have noticed that after I enter the first character, the cursor blinks at the beginning of the text field, after that the position stays at the center. This is only view-able after inputting the first character.</p>