Flutter中如何修改代码实现TextField在Container内居中？

嘿，我来帮你搞定这个问题！你当前的代码里Center组件没生效，核心原因是Container默认会自适应子组件的尺寸——也就是说你的Container现在和TextField一样大，Center自然发挥不了居中的作用。

这里有几种简单的修改方案，你可以根据自己的需求选择：

方案1：给Container设置明确的宽高 #

直接指定Container的宽度和高度，让它有足够的空间来让TextField居中：

Container(
  width: 320, // 根据需求调整宽度
  height: 100, // 根据需求调整高度
  child: Center(
    child: TextField(
      controller: _coins,
    ),
  ),
)

方案2：用Container自带的alignment属性（更简洁） #

不用嵌套Center组件，直接给Container设置alignment: Alignment.center，一步到位实现居中：

Container(
  alignment: Alignment.center,
  width: 320,
  height: 100,
  child: TextField(
    controller: _coins,
  ),
)

方案3：让Container占满父组件的可用空间 #

如果希望Container自动填充父组件的空间（比如占满整个屏幕body），可以用BoxConstraints.expand()来强制容器拉伸：

Container(
  constraints: BoxConstraints.expand(),
  child: Center(
    child: TextField(
      controller: _coins,
    ),
  ),
)

选其中一种方案修改后，TextField就能在Container里完美居中啦！

内容的提问来源于stack exchange，提问作者morris