HarmonyOS收银台底部如果用page是否能实现收银台效果

是否能通过page的方式,而不是弹窗的方式加载收银台,并且上半部分还有遮罩层透明效果。

HarmonyOS
2024-12-26 14:57:24
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可以使用NavDestination组件,设置NavDestinationMode为DIALOG模式,示例代码可以参考Navgation和NavDestination文档最下方:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-navigation-V5#示例

下面提供一个简单示例:PayPage.ets文件的代码:

import { PayViewPage } from './PayViewPage'
@Entry
@Component
struct PayPage {
  @Provide('pageInfos') pageInfos: NavPathStack = new NavPathStack()

  @Builder
  PageMap(name: string) {
    if (name === 'PayViewPage') {
      PayViewPage()
    }
  }
  build() {
    Navigation(this.pageInfos) {
      Button('点击跳转页面').onClick(() => {
        this.pageInfos.pushPath({ name: 'PayViewPage' })
      })
    }.width('100%').height('100%')
    .title('NavIndex').navDestination(this.PageMap)
  }
}
PayViewPage.ets文件的代码:
@Component
export struct PayViewPage {
  @Consume('pageInfos') pageInfos: NavPathStack;
  build() {
    NavDestination() {
      Column() {
        Text('我是收银台视图')
          .fontSize(18)
          .textAlign(TextAlign.Center)
          .backgroundColor(Color.White)
          .width('100%')
          .height(200)
      }
      .width('100%')
      .height('100%')
      .justifyContent(FlexAlign.End)
      .backgroundColor('#66000000')
    }
    .onBackPressed(() => {
      this.pageInfos.pop()
      return true
    })
    .mode(NavDestinationMode.DIALOG)
    .title('PayViewPage')
    .hideTitleBar(true)
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-26 17:55:19
相关问题
使用华为支付,调用收银台没有反应
839浏览 • 1回复 待解决
使用华为支付,调用收银台出现报错
737浏览 • 1回复 待解决
拉起收银台报错,有人知道原因吗?
1821浏览 • 1回复 待解决
TextInput是否能自定义hover效果
2422浏览 • 1回复 待解决
HarmonyOS 用户崩溃是否能共享
686浏览 • 1回复 待解决
HarmonyOS是否能直接使用OpenGL?
449浏览 • 1回复 待解决
HarmonyOS 是否能检测到app签名
330浏览 • 1回复 待解决
HarmonyOS List滑动速度是否能控制?
648浏览 • 1回复 待解决
运行HarmonyOS的设备,如何发现?
3633浏览 • 1回复 待解决
HarmonyOS 元服务是否能支持Arkweb组件
148浏览 • 1回复 待解决
HarmonyOS TLS Socket是否能直接信任ca
258浏览 • 1回复 待解决
HarmonyOS ip和端口号是否能拿到
258浏览 • 1回复 待解决
自定义是否能通过容器保存
1094浏览 • 1回复 待解决
ca证书内容在控制不输出
574浏览 • 1回复 待解决
HarmonyOS 有一真机调不支 IAP 支付
803浏览 • 1回复 待解决