Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Android中反应本机精确阴影_Android_Reactjs_Svg_React Native_React Native Android - Fatal编程技术网

在Android中反应本机精确阴影

在Android中反应本机精确阴影,android,reactjs,svg,react-native,react-native-android,Android,Reactjs,Svg,React Native,React Native Android,目标阴影: 当前实施: 我使用的是React Native Shadow,但它不会模糊阴影,因为React Native SVG中没有模糊实现 有什么办法可以实现上面的阴影吗?我甚至试着模糊图像,但没有成功 即使在android中,也无法更改立面颜色或任何其他提供精确阴影的库。如果有人能给我一个建议,我可以制作自己的模块 使用的阴影选项: width: 105, height: 1, top: 0, color: '#0c00ff', border: 27, radi

目标阴影:

当前实施:

我使用的是React Native Shadow,但它不会模糊阴影,因为React Native SVG中没有模糊实现

有什么办法可以实现上面的阴影吗?我甚至试着模糊图像,但没有成功

即使在android中,也无法更改立面颜色或任何其他提供精确阴影的库。如果有人能给我一个建议,我可以制作自己的模块

使用的阴影选项:

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

我使用它们来创建阴影,但是我不确定它对SVG是否有帮助。我没用过。让我知道

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

请注意,您必须从“react native”导入平台,因为该样式在iOS或Android中有不同的实现

感谢您的回复,但高程无法更改颜色甚至x比例。我想创建彩色阴影,将按钮描绘成半透明的,灯光从按钮向下发光。啊,你的意思是阴影有几条模糊的线。那么你想做什么呢?模糊文本?有一个名为react native blur的库。据我所知,你只能在本机模糊图像。