如何在一个元素上渲染多个阴影？

Question

例如，如何实现

box-shadow: 2px 2px 4px rgba(0, 0, 0, .05), -2px -2px 4px rgba(0, 0, 0, .05);

在反应原生样式表？

Answer 1

我不认为你可以，但是用另一个组件包裹你的组件只是为了另一层阴影的黑客行为也是本世纪最糟糕的黑客行为：

<div style={{ boxShadow: "2px 2px 4px rgba(0, 0, 0, .05)"}}>
  <div style={{ boxShadow: "-2px -2px 4px rgba(0, 0, 0, .05)"}}>
  { content }
  </div>
</div>