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

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

HarmonyOS
2024-09-25 12:57:52
浏览
收藏 0
回答 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)  
      }  
    })  
  }  
}
分享
微博
QQ
微信
回复
2024-09-25 16:59:52
相关问题
HarmonyOS Tabs如何取消弹簧效果
314浏览 • 1回复 待解决
如何关闭Swiper组件回弹效果
366浏览 • 1回复 待解决
如何去掉Scroll回弹效果
744浏览 • 1回复 待解决
如何将List回弹效果改为阴影效果
431浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
326浏览 • 1回复 待解决
HarmonyOS tabs阴影效果
642浏览 • 1回复 待解决
如何取消Button默认按压效果?
603浏览 • 1回复 待解决
如何实现scroll、list单边回弹效果
466浏览 • 1回复 待解决
TextInput如何取消默认聚焦效果
2374浏览 • 1回复 待解决
Tabs滑动距离问题有哪些?
295浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
1391浏览 • 1回复 待解决
HarmonyOS Tabsshadow实际渲染效果不对
237浏览 • 1回复 待解决
HarmonyOS 怎么取消 Text默认内边距
407浏览 • 1回复 待解决
tabs组件 左右滑动延迟较高
1032浏览 • 1回复 待解决