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>

- vinita jain

---

NativeScript不支持Java注释，因此您需要在Java库项目中编写WebInterface，并在JS / TS代码中使用它。在这种情况下，大多数功能已经由nativescript-webview-ext插件覆盖，您可以尝试使用该插件。 - Manoj

@Manoj 我在Nativescript中是新手，我已经将这个插件添加到项目中，但是无法运行任何功能。是否有使用此插件实现的示例项目？ - vinita jain

这个与您的网页中的 nsWebViewBridge.emit(eventName, dataToEmit) 完全相同。 - Manoj

@Manoj 非常感谢，非常感激。有一个问题，这个桥接器是用于网页和移动应用程序代码上设置通信的吗？ - vinita jain

@Manoj：我需要更改问题，因为它不允许我提出更多的问题。你对这个问题有什么想法吗？ - vinita jain

Answer 1

我不确定这是否是一个 bug，因为我们正在处理本地元素，所以不能期望 {N} 与浏览器保持一致。下面的 hack 似乎有效。

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

- Manoj

---

非常感谢。现在它可以在安卓上运行了。你再次救了我。感谢你的帮助。 - vinita jain