#鸿蒙通关秘籍#如何实现Tabs组件中TabContent的动画效果？

可以通过animationDuration来设置TabContent切换动画的持续时间。代码如下：

@Entry
@Component
struct TabsAnimationExample {
  build() {
    Tabs({ animationDuration: 300 }) {
      TabContent() {
        Column().width('100%').height('100%').backgroundColor('#00CB87');
      }.tabBar('Animated Tab 1')

      TabContent() {
        Column().width('100%').height('100%').backgroundColor('#007DFF');
      }.tabBar('Animated Tab 2')
    }
  }
}