#鸿蒙通关秘籍#如何实现Tabs组件中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')
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.