感觉没有用啊
tanqiyuan opened this issue · comments
用了后只是一条灰色的线, 没有投影效果,安卓7.1.1
能贴代码我看一下吗,因为这个库只做了一个简单的SVG渐变边缘的作用,可能是使用出了些问题。
另外兼容性一般是react-native-svg的版本配置等不对导致的
你的svg什么版本
我的也有这种问题,用了后只是一条灰色的线, 没有投影效果
"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>
SVG和React, React Native版本符合SVG库的要求, 有解决办法吗?
我也遇到相同问题,就是
header下面有一个scrollView的时候,shadow就变成了一条线。不确定是什么问题,zIndex也调了,没效果