879479119 / react-native-shadow

A SVG shadow component powered with react-native-svg,which can provide shadow on Android like iOS ^_^
MIT License
610 stars 82 forks source link

感觉没有用啊 #15

Open tanqiyuan opened 7 years ago

tanqiyuan commented 7 years ago

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

879479119 commented 7 years ago

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

BaldDonkey2333 commented 7 years ago

你的svg什么版本

liuchengbin8 commented 7 years ago

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

879479119 commented 7 years ago

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

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

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

beilunyang commented 7 years ago

版本:

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库的要求, 有解决办法吗?

aohua commented 6 years ago

我也遇到相同问题,就是

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

CodeRabbitYu commented 6 years ago

Attempt to invoke virtual method 'int com.horcrux.svg.SvgViewShadowNode.hitTest(android.graphics.Point)' on a null object reference 现在遇到这个问题了。。。0。55.4版本,SVG是7.0.3