上下左右阴影宽度不同答案

【问题标题】：Different shadow width for top, bottom, left and right上下左右阴影宽度不同
【发布时间】：2019-01-10 09:14:06
【问题描述】：

我有一个带阴影的卡片视图。如何在卡片的顶部、底部、右侧和左侧设置不同的阴影宽度？

const styles = {
  containerStyle: {
    borderWidth: 1,
    borderRadius: 2,
    borderColor: '#ddd',
    borderBottomWidth: 0,
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.1,
    shadowRadius: 2,
    elevation: 4,
    marginLeft: 15,
    marginRight: 15,
    marginTop: 5
  }
};

【问题讨论】：

这通常不会发生，您只能设置上下左右多少相同，而不是每个方向。
即使这样也行不通。我正在android设备上进行测试。 shadowOffset 不起作用，设置高程会使各个方向的阴影均匀。
是的，在 android shadow 上不起作用，只有海拔工作.. 平台的限制。看看你是否可以解决这个要求，否则一个库可用于盒子阴影。

标签： react-native react-native-android

【解决方案1】：

我在我的 react-native 应用程序中使用 this library 处理阴影。

【讨论】：