#鸿蒙通关秘籍#如何在鸿蒙应用中实现组件的滑入滑出动画效果？

@Entry
@Component
struct ComponentTransition {
    @State flag: boolean = true;

    build() {
        Stack({ alignContent: Alignment.Bottom }) {
            if (this.flag) {
                ComponentChild1({ flag: $flag })
                    .transition({ type: TransitionType.Insert, translate: { x: 0, y: 200 } })
            }
            if (!this.flag) {
                ComponentChild2({ flag: $flag })
                    .transition({ type: TransitionType.Insert, translate: { x: 0, y: 200 } })
            }
        }.height('100%').width('100%')
    }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.