组件外层加了Navigation后，该组件的高度不能达到整个屏幕高度
==================================

#### 问题现象

RelativeContainer组件外层添加了Navigation后，该组件的高度不能达到整个屏幕高度。如何将Image组件放到整个手机屏幕最下方？

问题代码示例参考如下：

@Entry
@Component
struct PrivatePage34 {
  build() {
    Navigation() {
      RelativeContainer() {
        Row() {
          Image($r('app.media.app\_icon'))
            .width('90%')
            .height(200);
        }
        .padding({ top: 20 })
        .justifyContent(FlexAlign.Center)
        .width('100%');
      }
      .height('100%')
      .width('100%')
      .backgroundColor('#ffeceeef');
    }
    .backgroundColor('#DFE1E3');
  }
}

问题效果预览：

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/a6/v3/gaeorCjHT0KIuBeT-aOmLw/zh-cn_image_0000002658835379.png?HW-CC-KV=V1&HW-CC-Date=20260709T134037Z&HW-CC-Expire=86400&HW-CC-Sign=8D4369A6CA7392B53655772062C551F924712F6B2CA9A72F53BC985929EFD38F "点击放大")

#### 效果预览

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/62/v3/dKPd0VKkQ_qGCFJoEokHcQ/zh-cn_image_0000002628756014.png?HW-CC-KV=V1&HW-CC-Date=20260709T134037Z&HW-CC-Expire=86400&HW-CC-Sign=07F8C18B229DCE95C380F324E2F59585FF8E0F683E53A729D5EDCE92D307FEC5 "点击放大")

#### 背景知识

[hideTitleBar](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-navigation#hidetitlebar)：设置是否隐藏标题栏，默认值：false。

#### 解决方案

Navigation组件是路由导航的根视图容器，一般作为页面的根容器使用，其内部默认包含了标题栏、内容区和工具栏。RelativeContainer组件是在内容区的，因此达不到屏幕高度。需要先将默认显示的标题等隐藏，然后进行页面布局。

@Entry
@Component
struct PrivatePage {
  build() {
    Navigation() {
      RelativeContainer() {
        Row() {
          Image($r('app.media.startIcon')) _// 根据实际情况添加图片_
            .width('90%')
            .height(200);
        }
        .padding({ top: 20 })
        .justifyContent(FlexAlign.Center)
        _// 设置对齐规则_
        .alignRules({
          left: { anchor: '\_\_container\_\_', align: HorizontalAlign.Start },
          right: { anchor: '\_\_container\_\_', align: HorizontalAlign.End },
          bottom: { anchor: '\_\_container\_\_', align: VerticalAlign.Bottom }
        });
      }
      .backgroundColor('#ffeceeef');
    }
    .hideTitleBar(true)
    .backgroundColor('#DFE1E3');
  }
}