NativeScript 8 iOS端阴影cornerRadius与元素圆角不匹配BUG问询
问题:通过样式设置阴影时,阴影圆角与元素圆角不一致

测试示例:白色元素设置17dpi的border-radius,但其黑色阴影的圆角半径大于元素本身,视觉上阴影呈现50%圆角效果,实际应与元素保持一致的17dpi。
预期结果
阴影的圆角半径应与元素的border-radius完全一致
复现场景
通过CSS样式设置阴影时会出现该问题:
元素样式
border-radius: 17;
阴影样式
box-shadow: 0 20 0 #000;
相关依赖版本
package.json中依赖版本如下:
"@nativescript/core": "8.3.6", "@nativescript/ios": "8.2.3",
正常实现方式
直接通过NativeScript代码操作iOS原生层设置阴影时,功能表现正常:
const nsView = args.object; const nsColorShadow = new Color('black'); const nsColorBg = new Color('white'); const iosView = nsView.ios; iosView.layer.masksToBounds = false; iosView.layer.shadowColor = nsColorShadow.ios.CGColor; iosView.layer.shadowOpacity = 1; iosView.layer.shadowRadius = 0; iosView.layer.cornerRadius = 17; iosView.layer.backgroundColor = nsColorBg.ios.CGColor; iosView.layer.shadowOffset = CGSizeMake(0, 20);
内容的提问来源于stack exchange,提问作者Khalil
相关产品推荐
相关产品推荐

