HarmonyOS NavDestination怎么添加导航右上角按钮

HarmonyOS
6h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

目前NavDestination可以添加导航右上角按钮,可通过menus设置,具体可以参考:https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-basic-components-navigation.md#%E7%A4%BA%E4%BE%8B2

@Entry
@Component
struct Index {
  pathStack: NavPathStack = new NavPathStack()

  private menuItems: Array<NavigationMenuItem> = [
    {
      value: "1",
      icon: 'resources/base/media/startIcon.png',
    },
    {
      value: "2",
      icon: 'resources/base/media/startIcon.png',
      isEnabled: false,
    },
    {
      value: "3",
      icon: 'resources/base/media/startIcon.png',
      isEnabled: true,
    }
  ]

  build() {
    NavDestination() {
      Column() {
        Button('pushPathByName', { stateEffect: true, type: ButtonType.Capsule })
          .width('80%')
          .height(40)
          .margin(20)
          .onClick(() => {
            this.pathStack.pushPathByName('pageOne', null)
          })
      }.width('100%').height('100%')
    }.title('pageTwo')
    .menus(this.menuItems)
    .onBackPressed(() => {
      this.pathStack.pop()
      return true
    })
    .onReady((context: NavDestinationContext) => {
      this.pathStack = context.pathStack;
      console.log("current page config info is " + JSON.stringify(context.getConfigInRouteMap()))
    })
  }
}
分享
微博
QQ
微信
回复
4h前
相关问题
如何给按钮添加图片?
5544浏览 • 4回复 待解决
webview导航无法正常导航怎么处理?
5990浏览 • 1回复 待解决
服务中心添加卡片怎么添加
6417浏览 • 1回复 待解决
buttom样式怎么添加
6533浏览 • 2回复 待解决