HarmonyOS 页面禁止左滑

通过router跳转到下一级页面,有没有办法设置禁止左滑的操作。

HarmonyOS
2024-10-28 09:29:24
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

在secondPage页面中加入如下核心代码:

onBackPress(): boolean | void {  
  return true  
}  
  
secondPage页面完整代码如下:  
import { router } from '@kit.ArkUI';  
  
@Entry  
@Component  
struct secondPage {  
  @State rotateAngle: number = 0;  
  @State speed: number = 0;  
  @State message: string = 'Hello World secondPage';  
  onBackPress(): boolean | void {  
    return true  
  }  
  build() {  
  
    Column(){  
      Button('点击返回上一页')  
        .onClick(()=>{  
          router.back()  
        })  
      RelativeContainer() {  
        Text(this.message)  
          .id('HelloWorld')  
          .fontSize(50)  
          .fontWeight(FontWeight.Bold)  
          .alignRules({  
            center: { anchor: '__container__', align: VerticalAlign.Center },  
            middle: { anchor: '__container__', align: HorizontalAlign.Center }  
          })  
      }  
      .gesture(  
        // 绑定滑动手势且限制仅在水平方向滑动时触发  
        SwipeGesture({ direction: SwipeDirection.Horizontal,fingers:0 })  
          // 当滑动手势触发时,获取滑动的速度和角度,实现对组件的布局参数的修改  
          .onAction((event: GestureEvent|undefined) => {  
            if(event){  
              this.speed = event.speed;  
              this.rotateAngle = event.angle;  
            }  
          })  
      )  
  
  
      .height('100%')  
      .width('100%')  
      .backgroundColor(Color.Green)  
    }  
    //.scrollable(false) // 禁止滑动切换  
  
  }  
}
分享
微博
QQ
微信
回复
2024-10-28 15:48:30
相关问题
HarmonyOS 二级页面关闭问题
262浏览 • 1回复 待解决
HarmonyOS 怎么禁止
151浏览 • 1回复 待解决
HarmonyOS list 字体显示异常
18浏览 • 1回复 待解决
【JS】如何实现删除功能?
3453浏览 • 1回复 待解决
获取返回手势方法
294浏览 • 1回复 待解决
能否拦截返回并替换为router.back
736浏览 • 1回复 待解决
HarmonyOS如何禁止页面左右滑动返回
945浏览 • 1回复 待解决