You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 08:30:45