如何在左侧对齐TextFormField

Question

Flutter的新手。我希望MI TextFormField像姓和名字段一样左对齐。

下面的MI代码：

                    new Container(
                        width: 50.0,
                        child: new TextFormField(
                            controller: miController,
                            obscureText: true,
                            decoration: new InputDecoration(labelText: 'MI'),
                            inputFormatters: [new LengthLimitingTextInputFormatter(1)],
                        ),
                    ),

Stackoverflow让我没有比描述更多的代码。所以请看这里：https://pastebin.com/VaqUGH9g

Answer 1

您可以使用Align包装您的Mi TextFormField容器以实现所需的布局。

Align(
      alignment: Alignment.topLeft,
      child: Container(
      width: 50.0,
      alignment: Alignment.topLeft,
      child: new TextFormField(
          controller: miController,
          decoration: new InputDecoration(labelText: 'MI'),
          inputFormatters: [new LengthLimitingTextInputFormatter(1)],
         ),
     ),
),

Answer 2

@sreeramu在您的代码中提到的简单添加crossAxisAlignment：CrossAxisAlignment.start：其余的代码是好的。

body: Container(
                padding: const EdgeInsets.all(20.0),
                child: new Column(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                        new TextFormField(.....//Code Cont.

Answer 3

要对所有 TextFormFields 进行算术运算，您需要将它们添加到列中。

new Column(
       mainAxisAlignment: MainAxisAlignment.start,
       children: new TextFormField(), // <- username
                 new TextFormField(), // <- password
                 new TextFormField()  // <- MI
          )

您的 MI TextFormField已向左对齐。