如何为Flutter TextField添加全周阴影？而非仅靠elevation属性加底部阴影

你可以通过两种方式实现TextField的全周阴影效果，以下是具体实现：

方案一：用Container自定义全周阴影（推荐，更灵活） #

替换原来的Material组件为Container，通过boxShadow属性实现完全均匀的全周阴影，同时调整TextField的边框避免遮挡阴影：

Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(30),
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5), // 阴影颜色，可自定义
        spreadRadius: 2, // 阴影扩散范围
        blurRadius: 5, // 阴影模糊程度
        offset: Offset(0, 0), // 偏移设为(0,0)实现全周均匀阴影
      ),
    ],
  ),
  child: TextField(
    decoration: InputDecoration(
      hintStyle: robotoRegular.copyWith(fontSize: Dimensions.fontSizeSmall, color: Theme.of(context).disabledColor),
      border: InputBorder.none, // 移除TextField自带边框，避免遮挡阴影
      prefixIcon: IconButton(
        padding: EdgeInsets.only(left: 10),
        onPressed: widget.iconPressed as void Function()?,
        icon: Icon(widget.suffixIcon, color: widget.filledColor, size: 25,),
      ),
      contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 14), // 手动设置内边距，保证输入内容的间距
    ),
  ),
);

你可以根据需求调整boxShadow的参数：

• color：修改阴影颜色及透明度
• spreadRadius：增大数值让阴影范围更广
• blurRadius：调整阴影的模糊程度

方案二：优化现有Material组件显示全周阴影 #

如果想保留Material组件，只需调整TextField的边框和背景设置，让Material的elevation阴影完整显示：

Material(
  elevation: 5.0,
  borderRadius: BorderRadius.circular(30),
  child: TextField(
    decoration: InputDecoration(
      hintStyle: robotoRegular.copyWith(fontSize: Dimensions.fontSizeSmall, color: Theme.of(context).disabledColor),
      border: InputBorder.none, // 移除自带边框
      prefixIcon: IconButton(
        padding: EdgeInsets.only(left: 10),
        onPressed: widget.iconPressed as void Function()?,
        icon: Icon(widget.suffixIcon, color: widget.filledColor, size: 25,),
      ),
      contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 14),
      filled: true,
      fillColor: Theme.of(context).scaffoldBackgroundColor, // 填充和Material一致的背景色，避免透显
    ),
  ),
);

默认Material的elevation阴影是全周的，但TextField自带的边框或透明背景会遮挡部分阴影，调整后就能完整显示。

内容的提问来源于stack exchange，提问作者The Code Whisperer