BoxConstraints强制无限宽度

Question

在列中添加行时出现错误。我收到以下错误：

I/flutter ( 6449): ??? EXCEPTION CAUGHT BY RENDERING LIBRARY ??????????????????????????????????????????????????????????
I/flutter ( 6449): The following assertion was thrown during performLayout():
I/flutter ( 6449): BoxConstraints forces an infinite width.
I/flutter ( 6449): These invalid constraints were provided to RenderAnimatedOpacity's layout() function 

我的代码也可供参考：

return new Scaffold(
      backgroundColor: whiteColor,
      body: new Column(
        children: <Widget>[
          imgHeader,
          lblSignUp,
          txtEmail,
          Row(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              txtFirstName,
              txtLastName
            ],
          ),
        ],
      ),
    );

Answer 1

错误原因：

TextField在水平方向上扩展， 也是Row，所以我们需要限制 的宽度TextField，有很多方法可以做到。

1. 用 Expanded

    Row(
     children: <Widget>[
       Expanded(child: TextField()),
       // more widgets
     ],
   )
   

2. 用 Flexible

   Row(
     children: <Widget>[
       Flexible(child: TextField()),
       // more widgets
     ],
   )
   

3. 将其包裹在Container或 中SizedBox并提供width

   Row(
     children: <Widget>[
       SizedBox(width: 100, child: TextField()),
       // more widgets
     ],
   )       
   

Answer 2

如果您正在使用TextFieldInside a，Row则需要使用Flexible或Expanded。

在此答案中给出了更多详细信息。

/sf/answers/3219333421/

Answer 3

这种情况只有当你试图定义一个无限的width和height一个Row，Column或者Container说是的父母TextField想要使用的所有空间。

要解决这个问题，你应该TextField用Flexible或包裹你的Expanded。

这样做可以解决以上问题。

 Expanded(
   child: txtFirstName,
 ),

 Flexible(
   child: txtLastName,
 ),

完整示例

 Column(
    children: <Widget>[
      imgHeader,
      lblSignUp,
      txtEmail,
      Row(
        mainAxisAlignment: MainAxisAlignment.start,
        children: <Widget>[
          Expanded(
            child: txtFirstName,
          ),
          Flexible(
            child: txtLastName,
          ),
        ],
      ),
    ],
  )