Flutter中如何同时为TextField设置InputDecoration与InputDecoration.collapsed？

情况1：合并collapsed样式与常规装饰属性 #

InputDecoration.collapsed是静态方法，不能通过实例链式调用。你可以通过两种方式合并样式：

方式A：手动模拟collapsed效果

collapsed本质是移除边框并简化布局，直接在常规InputDecoration里配置对应属性即可：

TextField(
  decoration: InputDecoration(
    labelText: 'my widget label', // 常规状态的标签
    hintText: 'my hint text',     // 折叠状态的提示文本
    border: InputBorder.none,     // 模拟collapsed的无边框效果
    contentPadding: EdgeInsets.zero, // 可选，匹配collapsed的内边距默认值
  ),
)

方式B：用copyWith扩展collapsed实例

先通过collapsed创建基础装饰，再用copyWith添加常规状态的属性：

TextField(
  decoration: InputDecoration.collapsed(hintText: 'my hint text').copyWith(
    labelText: 'my widget label',
    // 可按需添加其他属性，比如labelStyle、hintStyle等
  ),
)

情况2：根据状态切换两种装饰 #

如果是需要在不同状态下（比如聚焦/失焦、有无文本）切换常规与折叠样式，需要用StatefulWidget动态控制：

class DynamicTextField extends StatefulWidget {
  @override
  _DynamicTextFieldState createState() => _DynamicTextFieldState();
}

class _DynamicTextFieldState extends State<DynamicTextField> {
  bool _isFocused = false;
  String _inputText = '';

  @override
  Widget build(BuildContext context) {
    return TextField(
      onChanged: (text) => setState(() => _inputText = text),
      onFocusChange: (focused) => setState(() => _isFocused = focused),
      // 根据自定义逻辑切换装饰
      decoration: _useCollapsedStyle()
          ? InputDecoration.collapsed(hintText: 'my hint text')
          : InputDecoration(labelText: 'my widget label'),
    );
  }

  // 自定义切换逻辑：比如文本为空且未聚焦时用折叠样式
  bool _useCollapsedStyle() => _inputText.isEmpty && !_isFocused;
}

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