在 NativeScript Vue 中翻译属性答案

【问题标题】：translate property in NativeScript Vue在 NativeScript Vue 中翻译属性
【发布时间】：2019-10-14 16:33:14
【问题描述】：

我使用此代码在 NativeScript + Vue 中移动 GridLayout：

this.$refs.cover.nativeView.animate({ translate: { x: 0, y: 100} } )

我的问题是这样的： 由于我们无法访问 NativeScript 中 CSS 的 translate 属性，我如何将我的布局设置为位置：( top: 100 ) ，只是 ONLY 通过设置 CSS。

或者如果我想更准确地问一下： nativeView.animate 会操纵哪个属性来将我的布局置于translate: { x: 0, y: 100 } 位置？

【问题讨论】：

属性为 translateX 和 translateY。使用 CSS 时，应用变换 (transform: translate(0, 100); );
@Manoj 非常感谢，是的，它有效；我以为所有可用的 CSS 属性都在这里列出：docs.nativescript.org/ui/styling，你能分享一个完整列表的链接吗？

【解决方案1】：

动画相关的 CSS 属性在 Animation with CSS 文档中定义。

translate: { x: 0, y: 100 }: 对 translateX 和 translateY 属性进行操作，与 CSS 相同

transform: translate(0, 100);

【讨论】：