Flutter：TextFormField显示错误提示时已设置的阴影不跟随组件移动

• 当前阴影层是包裹整个TextFormField的外层Container，但TextFormField的高度会随校验状态动态变化：无错误时总高度等于输入框主体高度，出现错误时会在底部额外预留错误提示空间，输入框主体同步上移腾位置。
• 你将填充色直接写在InputDecoration内部，属于输入框主体的一部分，会随主体同步上移，但外层阴影层未和输入框主体绑定，因此出现填充色、输入框上移，阴影留在原位置的错位问题。
• 现有层叠结构冗余：Material组件本身已经支持圆角和阴影绘制，又额外套了一层带阴影的Container，进一步放大了对齐误差。

1. 移除当前套在TextFormField外带boxShadow的Container，删掉冗余的重复层叠。
2. 让阴影和输入框主体严格绑定，可选两种实现：
   • 直接用Material自带的elevation属性实现阴影，设置和当前一致的圆角、阴影颜色、偏移，阴影会严格跟随Material的形状变动。
   • 如果需要更灵活的自定义阴影效果，用Stack将阴影层和输入框主体对齐，阴影层仅匹配输入框主体的高度，不包含错误提示的预留空间。
3. 不要给该组件设置硬性固定高度约束，让组件总高度自动适配错误提示的展示空间；如果必须固定高度，要提前预留出错误提示的额外高度。

@override
Widget build(BuildContext context) {
  return Material(
    color: Colors.transparent,
    borderRadius: BorderRadius.circular(9),
    elevation: 2, // 替代原有自定义Container的阴影效果
    shadowColor: Colors.black.withOpacity(0.15),
    child: Padding(
      // 控制输入框主体的固定尺寸，不影响错误提示的展示
      padding: const EdgeInsets.symmetric(vertical: 16),
      child: TextFormField(
        autovalidateMode: AutovalidateMode.onUserInteraction,
        initialValue: widget.initialValue ?? null,
        keyboardType: widget.textInputType ?? null,
        onSaved: widget.onSavedFunc ?? (String value) {
          _data = value.trim();
          if (widget.hint != password && widget.hint != 'Confirm Password') {
            print('${widget.hint} is $_data');
          }
        },
        validator: widget.validatorFunction,
        style: TextStyle(
          color: Color(textColor),
          fontSize: widget.fontSize ?? 18,
        ),
        obscureText: widget.obscure ?? false,
        decoration: InputDecoration(
          contentPadding: EdgeInsets.zero, // 外层已加padding，清空避免重复
          prefixIcon: Icon(
            widget.icon ?? Icons.error,
            size: widget.iconSize ?? 35,
            color: widget.iconColor ?? Color(iconColor),
          ),
          filled: true,
          fillColor: Color(textFieldColor),
          hintText: widget.hint ?? placeholder,
          hintStyle: TextStyle(
            color: Color(textColor),
            fontSize: widget.fontSize ?? 18,
            height: widget.height ?? 0.9,
          ),
          border: OutlineInputBorder(
            borderSide: BorderSide.none,
            borderRadius: BorderRadius.circular(9),
          ),
          focusColor: Color(textFieldColor),
          errorStyle: TextStyle(height: 0.8, fontSize: 12), // 控制错误提示高度，减少错位
        ),
      ),
    ),
  );
}

调整说明：如果Material的elevation默认阴影偏移不符合预期，可以用ClipRRect包裹输入框主体后自定义BoxShadow，核心原则是阴影层必须和输入框主体尺寸、位置完全绑定，不要跨层包裹包含错误提示的整个TextFormField。

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