带有样式组件的react-native box-shadow

Question

我在我的博览会应用程序中使用样式组件。
我需要使用这个盒子阴影：

box-shadow: 0px 6px 8px rgba(25, 50, 47, 0.08),0px 3px 4px rgba(18, 71, 52, 0.02), 0px 1px 16px rgba(18, 71, 52, 0.03);

但是当我将它放入我的样式组件中时，如下所示：

const BackButton = styled.TouchableOpacity`
  flex-direction: row;
  width: 40px;
  height: 40px;
  align-items: center;
  position: absolute;
  left: ${normalize(26)}px;
  justify-content: center;
  padding: 0px 20px 2px;
  border-radius: 12px;
  background-color: ${EAppColors.BASIC_LIGHT_BLUE};
 box-shadow: 0px 6px 8px rgba(25, 50, 47, 0.08),0px 3px 4px rgba(18, 71, 52, 0.02), 0px 1px 16px rgba(18, 71, 52, 0.03);
`;

我有这个错误：

在你看来我该如何应用这个box-sahdow？

Answer 1

看看这是否适合您的用例：https://github.com/styled-components/styled-components/issues/709#issuecomment-295274475

另外值得注意的是，Android 不支持彩色框阴影，因此如果您正在为 Android 构建，我建议使用react-native-drop-shadow。。