2回答

CrazyCodeBoy

2024-12-27

已采纳

要给 Container 添加底部阴影的效果，可以使用 Flutter 的 BoxDecoration 并结合 BoxShadow 实现。以下是代码示例：

Container(
  decoration: BoxDecoration(
    color: Colors.white,
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5), // 阴影颜色
        spreadRadius: 0, // 阴影扩散程度
        blurRadius: 5, // 模糊程度
        offset: Offset(0, 3), // 阴影偏移量 (水平，垂直)
      ),
    ],
  ),
  padding: EdgeInsets.only(top: top),
  child: _tabBar,
),

参数说明

1. BoxShadow

color: 阴影颜色，可通过 .withOpacity 调整透明度。

spreadRadius: 控制阴影的范围扩散。

blurRadius: 控制阴影的模糊程度，数值越大阴影越柔和。

offset: 控制阴影的位置。Offset(0, 3) 表示向下偏移 3 个单位。



2. BoxDecoration

将 Container 的 color 属性移到 BoxDecoration 的 color 中，避免冲突。

0

1

风吹尘

非常感谢！

2024-12-28

共1条回复

CrazyCodeBoy

2024-12-26

你说的是指示条下面的留白吗

0

1

风吹尘

不是的，就是上面那个像影印的border的那个

2024-12-26

共1条回复