Css 在react native中应用阴影

我得到这个错误时应用阴影到组件.

类型为ABI49_0_0RCT View的视图#128489具有阴影集，但无法有效地计算阴影.考虑设置背景色来解决这个问题，或者将阴影应用到更特定的组件.

这些是应用阴影的css. 我想保持阴影分开，这样我就可以使用不同的背景 colored颜色

const SHADOW = {
    // For iOS
    light: {
      shadowColor: COLORS.black,
      shadowOffset: {
        width: 0,
        height: 2,
      },
      shadowOpacity: 0.1,
      shadowRadius: 4,
    },
    medium: {
      shadowColor: COLORS.black,
      shadowOffset: {
        width: 0,
        height: 4,
      },
      shadowOpacity: 0.2,
      shadowRadius: 2,
    },
    // For Android
    android: {
      elevation: 5,
    },
  };

const BUTTON = {
    padding: 15,
    backgroundColor: COLORS.button,
    borderRadius: 10,
    marginBottom: 10,
    alignItems: 'center',
    ...Platform.select({
      ios: {
        ...SHADOW.medium,
      },
      android: {
        ...SHADOW.android,
      },
    }),
}

const CARD = {
  padding: 15,
  backgroundColor: 'rgba(48, 48, 48, 1)',
  borderRadius: 8,
  marginBottom: 10,
  alignItems: 'center',
  ...Platform.select({
    ios: {
      ...SHADOW.medium,
    },
    android: {
      ...SHADOW.android,
    },
  }),
}

我希望不会收到警告错误