应用退出，是否可以执行自定义组件的退出动效？

Question

问题澄清

当应用启动，自定义组件执行从下往上的动效动效，当应用退出，自定义组件执行从上往下的位移动效，但是实际是，应用退出，自定义组件没有执行从上往下的位移动效，是否有方案可以执行。

Answer 1

示例代码

@Entry 
@Component 
struct Index { 
  @State flag: boolean = false; 
  private effect: TransitionEffect = TransitionEffect.translate({ x: 0, y: '100%' }) 
    .animation({ duration: 400, curve: Curve.Linear }) 
 
  onPageShow() { 
    this.flag = true 
  } 
 
  build() { 
    Column() { 
      if (this.flag) { 
        Column() { 
        } 
        .onClick(() => { 
          this.flag = false 
        }) 
        .backgroundColor(Color.Red) 
        .height('70%') 
        .width('100%') 
        .transition(this.effect) 
      } 
    }.height('100%').width('100%') 
  } 
}