React Native - Android 中的准确阴影

Question

目标阴影：

当前实施：

我正在使用 React-Native-Shadow，但它不会模糊阴影，因为 React-Native-SVG 中没有模糊实现。

有什么方法可以实现上面的阴影吗？我什至尝试模糊 shaodow svg 但没有成功。

即使在 android 中，也无法更改高程颜色或任何其他提供准确阴影的库。如果有人可以建议我一种方法，我可以制作自己的模块。

使用的ShadowOpt：

  width: 105,
  height: 1,
  top: 0,
  color: '#0c00ff',
  border: 27,
  radius: 0,
  opacity: 0.8,
  x: 36,
  y: 30,
  style: { position: 'absolute' }

Answer 1

我使用这些来创建阴影，但我不确定它是否有助于 SVG。我没有使用它们。告诉我

elevationLow: {
          ...Platform.select({
            ios: {
              shadowColor: '#000',
              shadowOffset: { width: 0, height: 2 },
              shadowOpacity: 0.8,
              shadowRadius: 2,    
            },
            android: {
              elevation: 5,
            },
          }),
        },

请注意，您必须从“react-native”导入 Platform，因为该样式在 iOS 或 Android 中具有不同的实现。