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中具有不同的实现。