HarmonyOS Component设置透明和无转场动画？

Question

HarmonyOS Component设置透明和无转场动画？

Answer 1

1.透明页面可以使用.opacity(0)来设置。

2.可以使用router.replaceUrl来实现无转场动画的效果，具体请参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-router-V5\#routerreplaceurl9

opacity可以在这里设置，最外层的Column()：

build() { 
    Column() { 
}.opacity(0) 
}

步骤一：参考页面间转场示例在当前页面和目标页面中定义pageTransition方法。

步骤二：将页面入场PageTransitionEnter和页面退场PageTransitionExit的动效参数duration都设置为0。示例：

pageTransition() { 
PageTransitionEnter({ duration: 0}) 
PageTransitionExit({ duration: 0}) 
}

当前页面和目标页面都要写这段代码。参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-page-transition-animation-V5