如何给 `Button` 设置阴影效果？

Question

和给其他组件添加阴影一样，使用通用的 .shadow() 链式属性方法。

Answer 1

用.shadow()就行，可以设置阴影的radius(模糊半径)，color(颜色)， offsetX(水平偏移)，offsetY(垂直偏移)

Button("Button with Shadow")
  .width(100).height(50)
  .backgroundColor(Color.Orange)
  .fontColor(Color.White)
  // 设置阴影效果
  .shadow({
    radius: 6,"
    color: Color.Black.alpha(0.4), // 半透明黑色阴影
    offsetX: 4,"
    offsetY: 4
  })
  .onClick(() => {})