鸿蒙5.0开发常见问题【Navigation的toolbar中设置大图标时被切断？】

移动开发技术栈

于 2025-06-04 13:37:35 发布

阅读量112

点赞数 1

分类专栏：鸿蒙开发文章标签： harmonyos 华为鸿蒙鸿蒙系统运维

本文链接：https://blog.csdn.net/m0_70748845/article/details/148425336

版权

鸿蒙开发专栏收录该内容

1933 篇文章

订阅专栏

尺寸大于toolbar高度的图片使用scale属性设置。参考代码如下：

@Entry
@Component
struct NavigationExample {
  build() {
    Column() {
      Navigation() {
      }.toolbarConfiguration(this.NavigationToolbar)
    }
    .height('100%')
    .width('100%')
    .backgroundColor(Color.Gray)
  }


  @Builder
  NavigationToolbar() {
    Row() {
      Column() {
        Image($r('app.media.icon')).width(24)
      }.layoutWeight(1)


      Column() {
        Image($r('app.media.icon')).width(24).scale({ x: 2, y: 2 })
      }.layoutWeight(1)


      Column() {
        Image($r('app.media.icon')).width(24)
      }.layoutWeight(1)
    }
    .height(34)
    .width('100%').backgroundColor(Color.White)
  }
}