HarmonyOS 怎么取消Tabs的滑动回弹效果？

HarmonyOS

superinsect

2024-09-25 12:57:52

1333浏览

回答 1

按赞同

按时间

zbw_apple

api12版本可以参考：

@Entry  
@Component  
struct Index {  
  private controller: TabsController = new TabsController()  
  build() {  
    Tabs({ controller: this.controller }) {  
      TabContent() {  
        Text('首页的内容').fontSize(30)  
      }  
      .tabBar('首页')  
      TabContent() {  
        Text('推荐的内容').fontSize(30)  
      }  
      .tabBar('推荐')  
      TabContent() {  
        Text('发现的内容').fontSize(30)  
      }  
      .tabBar('发现')  
      TabContent() {  
        Text('我的内容').fontSize(30)  
      }  
      .tabBar("我的")  
    }  
    .onContentWillChange((currentIndex, comingIndex) => {  
      if (currentIndex == 3 && comingIndex == 3 || currentIndex == 0 && comingIndex == 0) {  
        return false  
      }  
      return true  
    })  
  }  
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.

api12以下版本可以参考：

@Entry  
@Component  
struct Index {  
  private controller: TabsController = new TabsController()  
  @State scrollable:boolean = true  
  build() {  
    Tabs({ controller: this.controller }) {  
      TabContent() {  
        Text('首页的内容').fontSize(30)  
      }  
      .tabBar('首页')  
      TabContent() {  
        Text('推荐的内容').fontSize(30)  
      }  
      .tabBar('推荐')  
      TabContent() {  
        Text('发现的内容').fontSize(30)  
      }  
      .tabBar('发现')  
      TabContent() {  
        Text('我的内容').fontSize(30)  
      }  
      .tabBar("我的")  
    }  
    .scrollable(this.scrollable)  
    .onGestureSwipe((index:number,event:TabsAnimationEvent)=>{  
      if (index == 0 && event.currentOffset > 0) {  
        this.scrollable = false  
        setTimeout(()=>{  
          this.scrollable = true  
        },500)  
      }else if(index == 3 && event.currentOffset < 0) {  
        this.scrollable = false  
        setTimeout(()=>{  
          this.scrollable = true  
        },500)  
      }  
    })  
  }  
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.