TextFormField主题样式设置失效，需统一多输入框样式

1. 修正主题样式代码 #

你的现有代码缺少圆角配置，且未统一各状态下的边框样式，这是样式不生效的核心原因之一。以下是修正后的完整主题配置：

inputDecorationTheme: InputDecorationTheme(
  contentPadding: const EdgeInsets.symmetric(vertical: 22, horizontal: 26),
  fillColor: const Color.fromARGB(255, 241, 241, 241),
  filled: true,
  // 统一各状态下的圆角+无边框线配置
  enabledBorder: OutlineInputBorder(
    borderRadius: BorderRadius.circular(5),
    borderSide: BorderSide.none,
  ),
  focusedBorder: OutlineInputBorder(
    borderRadius: BorderRadius.circular(5),
    borderSide: BorderSide.none,
  ),
  disabledBorder: OutlineInputBorder(
    borderRadius: BorderRadius.circular(5),
    borderSide: BorderSide.none,
  ),
  errorBorder: OutlineInputBorder(
    borderRadius: BorderRadius.circular(5),
    borderSide: BorderSide.none,
  ),
  floatingLabelBehavior: FloatingLabelBehavior.always,
  floatingLabelAlignment: FloatingLabelAlignment.start,
  labelStyle: TextStyle(
    color: isDarkTheme ? Colors.white : Colors.black,
  ),
),

2. 检查输入框局部配置 #

确保First Name、Last Name、Middle Name对应的TextFormField没有自定义decoration属性——如果输入框自己写了decoration: InputDecoration(...)，会直接覆盖主题样式。正确用法如下：

TextFormField(
  labelText: 'First Name',
  // 删掉自定义的decoration配置，让主题样式自动生效
),

3. 确认主题应用范围 #

保证上述InputDecorationTheme是配置在MaterialApp的全局主题中，而非局部组件的主题：

MaterialApp(
  theme: ThemeData(
    inputDecorationTheme: InputDecorationTheme(/* 上述完整配置 */),
    // 其他主题设置
  ),
  home: YourHomePage(),
);

完成以上修改后，就能实现「标签固定在输入框顶部、灰色背景、5px圆角」的统一样式，与Street address输入框保持一致。

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