Nativescript旋转动画无限迭代不起作用

Question

我想通过无限迭代旋转标签，目前它在 iOS 设备上运行良好，但在 android 上它只旋转 2 秒然后停止。

下面是我的 CSS 代码

.fas {
    font-family: "Font Awesome 5 Free", "fa-solid-900";
    font-weight: 900;
}

.spin {
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

<Label text="rotate value" class="fas spin"></Label>

Answer 1

我不确定它是否是一个错误，不能期望 {N} 与浏览器内联，因为我们在这里处理本机元素。下面的黑客似乎有效，

@keyframes rotate {
    0% {transform: rotate(0deg);}
    99.9% {transform: rotate(360deg);}
    100% {transform: rotate(0deg);}
}