HarmonyOS 鸿蒙Next TestNavigation底部增加跨界面菜单显示异常

HarmonyOS 鸿蒙Next TestNavigation底部增加跨界面菜单显示异常 使用Navigation一定会占满整个屏幕吗？可以在底部空一点出来吗？

布局如下

cke_171.png

@Entry
@Component
struct TestNavigation{
  pageStack: NavPathStack = new NavPathStack()
  build() {
    Column(){
      Navigation(this.pageStack){
        // 内容
        NavDestination () {
          Stack({alignContent:Alignment.Center}){
            Text("page0")
          }
          .width('100%')
          .height('100%')
          .backgroundColor(Color.Brown)
        }
        .hideTitleBar(true)
      }
      .mode(NavigationMode.Stack)
      .titleMode(NavigationTitleMode.Mini)
      .hideTitleBar(true)
      .height('%100')
      // 底部菜单
      Text("底部菜单")
        .width('100%')
        .height(50)
        .backgroundColor(Color.Blue)
    }
    .width('100%')
    .height('100%')
  }
}

更多关于HarmonyOS 鸿蒙Next TestNavigation底部增加跨界面菜单显示异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

一般不建议这么干，实在要这么干的话，可以把菜单放到Navigation组件里面去。

cke_893.png

更多关于HarmonyOS 鸿蒙Next TestNavigation底部增加跨界面菜单显示异常的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


可是这个菜单是跨界面的，在此栈内 多个页面公用，

用Tabs组件，能否达到想要的效果

cke_303.png

cke_1357.png

但需求不对口，我这是底部是个类似购物车汇总相关东西展示，在多个页面跳转时共享数据，

import { window } from '@kit.ArkUI'

@Entry
@Component
struct TestNavigation{
  pageStack: NavPathStack = new NavPathStack()
  onPageShow(): void {
    window.getLastWindow(getContext(this), (err, win) => {
      win.setWindowLayoutFullScreen(true)
    })
  }
  build() {
    Stack({alignContent:Alignment.Bottom}){
      Navigation(this.pageStack){
        // 内容
        NavDestination () {
          Column(){
            // 系统栏
            Blank().height(px2vp(45))
            Stack({alignContent:Alignment.Center}){
              Text("page0")
            }
            .width('100%')
            .backgroundColor(Color.Brown)
            .layoutWeight(1)
            Blank().height(50)
          }
        }
        .hideTitleBar(true)
      }
      .mode(NavigationMode.Stack)
      .titleMode(NavigationTitleMode.Mini)
      .hideTitleBar(true)
      .height('%100')
      // 底部菜单
      Text("底部菜单")
        .width('100%')
        .height(50)
        .backgroundColor(Color.Blue)
    }
    .width('100%')
    .height('100%')
  }
}

目前是这么干，NavDestination内布局底部增加占位解决

针对“HarmonyOS 鸿蒙Next TestNavigation底部增加跨界面菜单显示异常”的问题，以下提供可能的解决方案：

在HarmonyOS中，如果在TestNavigation底部增加跨界面菜单时出现显示异常，这通常与菜单的布局、样式或界面跳转逻辑有关。首先，请检查以下几点：

  1. 布局文件：确保菜单的布局文件（XML或JSON）中定义的视图元素正确无误，且属性设置合理。特别是要注意视图的位置、大小和背景等属性，确保它们在不同屏幕尺寸和分辨率下都能正确显示。

  2. 样式与主题：检查是否应用了正确的样式和主题。样式和主题的不匹配可能导致菜单显示异常。

  3. 界面跳转逻辑：确认在跨界面跳转时，菜单的显示逻辑是否正确处理。例如，确保在跳转到新界面时，菜单的显示状态被正确更新。

  4. 系统兼容性：检查是否存在系统兼容性问题。在某些HarmonyOS版本中，可能存在已知的UI显示问题，需要确认是否属于此类情况。

如果以上检查均无误，但问题依旧存在，可能是由于其他未知因素导致的。此时，建议深入调试代码，查找可能的逻辑错误或资源加载问题。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html，

回到顶部