Open tanqiyuan opened 7 years ago
能贴代码我看一下吗,因为这个库只做了一个简单的SVG渐变边缘的作用,可能是使用出了些问题。 另外兼容性一般是react-native-svg的版本配置等不对导致的
你的svg什么版本
我的也有这种问题,用了后只是一条灰色的线, 没有投影效果 "react-native-svg": "4.5.0", "react": "16.0.0-alpha.6", "react-native": "0.43.0", 麻烦帮忙看下是什么问题
最好是对照svg库的规则选用合适的版本,不然会出现各种各样的问题
目前如下(svg项目地址):
@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也调了,没效果
用了后只是一条灰色的线, 没有投影效果,安卓7.1.1