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

HarmonyOS

superinsect

2024-09-25 12:57:52

浏览

回答 1

待解决

回答 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  
    })  
  }  
}

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)  
      }  
    })  
  }  
}