如何将两个文本字段添加到一行中。我在代码中添加了这部分但出现错误。

huangapple go评论64阅读模式
英文:

how to add two Textfield in row. im add to this code but give a error

问题

此代码在一行中的两个文本字段上不起作用。

英文:
 Container(
            child: Row(
              children: [
                Container(child: TextField()),
                Container(child: TextField()),
              ],
            ),
          )

this code is not working on two Textfield in row.

答案1

得分: 0

尝试下面的代码,并将你的TextField包装在 Expanded Widget 内:

Container(
  margin: EdgeInsets.all(10),
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Expanded(
        child: TextField(
          decoration: InputDecoration(
            border: OutlineInputBorder(),
          ),
        ),
      ),
      const SizedBox(
        width: 10,
      ),
      Expanded(
        child: TextField(
          decoration: InputDecoration(
            border: OutlineInputBorder(),
          ),
        ),
      ),
    ],
  ),
),

结果-> 如何将两个文本字段添加到一行中。我在代码中添加了这部分但出现错误。

英文:

Try below code and wrap your TextField inside Expanded Widget:

Container(
  margin: EdgeInsets.all(10),
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Expanded(
        child: TextField(
          decoration: InputDecoration(
            border: OutlineInputBorder(),
          ),
        ),
      ),
      const SizedBox(
        width: 10,
      ),
      Expanded(
        child: TextField(
          decoration: InputDecoration(
            border: OutlineInputBorder(),
          ),
        ),
      ),
    ],
  ),
),

Result-> 如何将两个文本字段添加到一行中。我在代码中添加了这部分但出现错误。

huangapple
  • 本文由 发表于 2023年1月9日 15:03:49
  • 转载请务必保留本文链接:https://go.coder-hub.com/75054046.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定