如何隐藏Flutter中TextField组件的底部边框

你可以通过给InputDecoration配置边框属性实现隐藏TextField底部边框的需求，修改后的代码如下：

TextField(
  decoration: InputDecoration(
    hintText: '(201) 555-0123',
    // 隐藏默认状态下的边框
    border: InputBorder.none,
    // 隐藏聚焦时的边框，不需要可以删除
    focusedBorder: InputBorder.none,
    // 隐藏启用未聚焦时的边框，不需要可以删除
    enabledBorder: InputBorder.none,
    // 特殊场景边框配置，不需要可以删除
    disabledBorder: InputBorder.none,
    errorBorder: InputBorder.none,
    focusedErrorBorder: InputBorder.none,
  ),
)

相关说明：

• 仅设置border: InputBorder.none即可实现默认状态下隐藏边框，如果需要所有交互场景下都不出现边框，建议把对应状态的边框属性都配置为InputBorder.none
• 如果后续需要调整边框样式，修改对应属性的赋值即可，比如设置圆角边框可以传入OutlineInputBorder实例调整参数

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