Flutter 颤振：同一行中的多个表单字段，如'；填空'；风格

有什么有效的方法可以达到这样的效果吗

---

使用

行

就足够了。如果您需要对子控件的宽度进行更多的控制，请考虑使用<代码>扩展，并且它是<代码> Flex 属性。p>

Row(
  children: <Widget>[
    Expanded(
      child: Row(
        children: <Widget>[
          Expanded(
            flex: 3,
            child: TextField(
              decoration: InputDecoration(
                  hintText: 'Time'),
            ),
          ),
          Expanded(
            flex: 4,
            child: Text("(in mins)/"),
          ),
        ],
      ),
    ),
    Expanded(
      child: Row(
        children: <Widget>[
          Expanded(
            flex: 3,
            child: TextField(
              decoration: InputDecoration(
                  hintText: 'Whistle'),
            ),
          ),
          Expanded(
            flex: 4,
            child: Text("(whistles)"),
          ),
        ],
      ),
    ),
  ],
),

行(
儿童：[
扩大(
孩子：排(
儿童：[
扩大(
弹性：3，
孩子：TextField(
装饰：输入装饰(
hintText:‘时间’，
),
),
扩大(
弹性：4，
子项：文本（“（分钟）/”，
),
],
),
),
扩大(
孩子：排(
儿童：[
扩大(
弹性：3，
孩子：TextField(
装饰：输入装饰(
hintText:‘哨子’，
),
),
扩大(
弹性：4，
子：文本（“（口哨）”），
),
],
),
),
],
),

在上面的代码中，第一行包含两个扩展的小部件，没有flex，这意味着两个小部件将具有相同的宽度

---

内行包含两个扩展：一个扩展因子为3，一个扩展因子为4，第一个小部件（TextField）的长度将是总行宽的3/7，而文本的宽度将是4/7。

使用

行就足够了。如果您需要对子控件的宽度进行更多的控制，请考虑使用<代码>扩展，并且它是<代码> Flex 属性。p>
Row(
  children: <Widget>[
    Expanded(
      child: Row(
        children: <Widget>[
          Expanded(
            flex: 3,
            child: TextField(
              decoration: InputDecoration(
                  hintText: 'Time'),
            ),
          ),
          Expanded(
            flex: 4,
            child: Text("(in mins)/"),
          ),
        ],
      ),
    ),
    Expanded(
      child: Row(
        children: <Widget>[
          Expanded(
            flex: 3,
            child: TextField(
              decoration: InputDecoration(
                  hintText: 'Whistle'),
            ),
          ),
          Expanded(
            flex: 4,
            child: Text("(whistles)"),
          ),
        ],
      ),
    ),
  ],
),

行(
儿童：[
扩大(
孩子：排(
儿童：[
扩大(
弹性：3，
孩子：TextField(
装饰：输入装饰(
hintText:‘时间’，
),
),
扩大(
弹性：4，
子项：文本（“（分钟）/”，
),
],
),
),
扩大(
孩子：排(
儿童：[
扩大(
弹性：3，
孩子：TextField(
装饰：输入装饰(
hintText:‘哨子’，
),
),
扩大(
弹性：4，
子：文本（“（口哨）”），
),
],
),
),
],
),

在上面的代码中，第一行包含两个扩展的小部件，没有flex，这意味着两个小部件将具有相同的宽度

内行包含两个扩展：一个扩展因子为3，一个扩展因子为4，第一个小部件（TextField）的长度将是总行宽的3/7，而文本的宽度将为4/7。
使用简单行时您是否遇到任何问题。？您可以尝试使用类行：您使用简单行时是否遇到任何问题。？您可以尝试使用类行：