flutter - 如何在 Flutter 中将两个 TextFormField 属性并排对齐

Question

我需要帮助在 Flutter 中对齐两个 TextFormField，而不是一个在另一个之上

我试过使用填充，但它不起作用。

             new TextFormField(
              autovalidate: true,
              keyboardType: TextInputType.numberWithOptions(),
              controller: today,
              //Reminder to write an if statement calling the controller
              //The validator receives the text that the user has entered.
              decoration: new InputDecoration(
                fillColor: Colors.white,
                border: new OutlineInputBorder(
                    borderRadius: new BorderRadius.circular(5.0),
                    borderSide: new BorderSide()
                ),
                labelText: 'Today', //Label is used so that the text can either float or remain in place
                labelStyle: TextStyle(
                  fontFamily: 'Lato',
                  fontWeight: FontWeight.normal,
                  fontSize: 14.0,
                  color: Colors.grey,
                ),
              ),
              inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
            ),

            SizedBox(height: 15.0),



            new TextFormField(
              autovalidate: true,
              keyboardType: TextInputType.numberWithOptions(),
              controller: tomorrow,

              //Reminder to write an if statement calling the controller
              //The validator receives the text that the user has entered.
              decoration: new InputDecoration(
                fillColor: Colors.white,
                border: new OutlineInputBorder(
                    borderRadius: new BorderRadius.circular(5.0),
                    borderSide: new BorderSide()
                ),
                labelText: 'Tomorrow', //Label is used so that the text can either float or remain in place
                labelStyle: TextStyle(
                  fontFamily: 'Lato',
                  fontWeight: FontWeight.normal,
                  fontSize: 14.0,
                  color: Colors.grey,
                ),
              ),
              inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
            ),

我希望表单的尺寸更小并彼此对齐，以便它们适合屏幕。

Answer 1

尝试使用 Row 而不是 Column

        Row(children: [
                Expanded(
                  child: TextField(
                    decoration: InputDecoration(hintText: "TextField 1"),
                  ),
                ),
                SizedBox(
                  width: 20,
                ),
                Expanded(
                  child: TextField(
                    decoration: InputDecoration(hintText: "TextField 2"),
                  ),
                )
              ])

更多信息在这里:https://medium.com/flutter-community/breaking-layouts-in-rows-and-columns-in-flutter-8ea1ce4c1316