Navigation的toolbar中设置大图标时被切断？

Question

Navigation的toolbar中设置大图标时被切断

Answer 1

尺寸大于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) 
  } 
}

参考链接：

图形变换