当高度小于50时，Flutter TextFIeld不会居中

Question

我在一个容器内有一个文本字段，我正在尝试使用“中心”窗口小部件居中。我注意到它在高度大于50时有效，但在小于50（例如40）时无效。

有人可以帮我解释一下这种行为吗？

下面是代码

Container(
                color: Colors.red,
                width: 100,
                height: 40,
                child: Center(
                  child: TextField(
                    textAlign: TextAlign.center,
                    controller: TextEditingController(text: 'IJ'),
                    decoration: InputDecoration(border: InputBorder.none),
                  ),
                ))

Answer 1

这可能是因为EdgeInsets scrollPadding: constEdgeInsets.all(20.0),在Textfield实现中设置为默认值。这意味着flutter中的最小文本字段高度大于40px。

来源：Text-field