react-native - 上下左右阴影宽度不同

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

标签： react-nativereact-native-android

Answer 1

我在我的 react-native 应用程序中使用了这个库来处理阴影。