顶部、底部、左侧和右侧的阴影宽度不同

Question

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

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
  }
};

Answer 1

我在我的反应原生应用程序中使用此库来处理阴影。