879479119 / react-native-shadow

A SVG shadow component powered with react-native-svg,which can provide shadow on Android like iOS ^_^

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

感觉没有用啊

tanqiyuan opened this issue · comments

commented

用了后只是一条灰色的线, 没有投影效果,安卓7.1.1

能贴代码我看一下吗,因为这个库只做了一个简单的SVG渐变边缘的作用,可能是使用出了些问题。
另外兼容性一般是react-native-svg的版本配置等不对导致的

你的svg什么版本

commented

我的也有这种问题,用了后只是一条灰色的线, 没有投影效果
"react-native-svg": "4.5.0",
"react": "16.0.0-alpha.6",
"react-native": "0.43.0",
麻烦帮忙看下是什么问题

最好是对照svg库的规则选用合适的版本,不然会出现各种各样的问题

目前如下(svg项目地址):

  • react-native-svg >= 3.2.0 only supports react-native >= 0.29.0
  • react-native-svg >= 4.2.0 only supports react-native >= 0.32.0
  • react-native-svg >= 4.3.0 only supports react-native >= 0.33.0
  • react-native-svg >= 4.4.0 only supports react-native >= 0.38.0 and react >= 15.4.0
  • react-native-svg >= 4.5.0 only supports react-native >= 0.40.0 and react >= 15.4.0
  • react-native-svg >= 5.1.8 only supports react-native >= 0.44.0 and react == 16.0.0-alpha.6
  • react-native-svg >= 5.2.0 only supports react-native >= 0.45.0 and react == 16.0.0-alpha.12
  • react-native-svg >= 5.3.0 only supports react-native >= 0.46.0 and react == 16.0.0-alpha.12

@as27543035 应该是版本兼容性问题,16过后改动挺大的

版本:

react: '16.0.0-alpha.12',
react-native: '0.47.1',
react-native-svg: '5.4.1'

代码

const shadowOpt = {
  width: sceneWidth,
  height: 46,
  color: '#000',
  radius: 4,
  opacity: 0.5,
};
<View style={styles.fixTop}>
  <BoxShadow setting={shadowOpt}>
    <View style={styles.navBar}>
      <Text style={styles.navTitle}>{title}</Text>
    </View>
  </BoxShadow>
</View>

使用后没有效果,感觉就一条灰线
屏幕快照 2017-08-21 上午10.59.54.png

SVG和React, React Native版本符合SVG库的要求, 有解决办法吗?

我也遇到相同问题,就是

header下面有一个scrollView的时候,shadow就变成了一条线。不确定是什么问题,zIndex也调了,没效果