HarmonyOS 鸿蒙Next NavDestination 标题栏的字体颜色和图标颜色怎么设置

发布于 1周前 作者 sinazl 来自 鸿蒙OS

HarmonyOS 鸿蒙Next NavDestination 标题栏的字体颜色和图标颜色怎么设置
找HarmonyOS工作还需要会Flutter的哦,有需要Flutter教程的可以学学大地老师的教程,很不错,B站免费学的哦:https://www.bilibili.com/video/BV1S4411E7LY/?p=17

关于HarmonyOS 鸿蒙Next NavDestination 标题栏的字体颜色和图标颜色怎么设置的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。

4 回复
NavDestination 标题栏的字体颜色和图标颜色怎么设置?

你好呀,这位鸿蒙开发者朋友

在鸿蒙操作系统中,若要配置NavDestination标题栏中的字体与图标颜色,可以按照以下步骤进行:

1. 标题栏背景颜色的设置:

您可以通过使用 backgroundColor 属性来调整标题栏的背景颜色。

2. 标题栏文本颜色的设置:

通过 fontColor 属性,可以设定标题栏的文本颜色。

NavigationTitle() {
    Column() {
      Text('Title')
        .fontColor('#182431')
        .fontSize(30)
        .lineHeight(41)
        .fontWeight(700)
      Text('subtitle')
        .fontColor('#182431')
        .fontSize(14)
        .lineHeight(19)
        .opacity(0.4)
        .margin({ top: 2, bottom: 20 })
    }.alignItems(HorizontalAlign.Start)
    .backgroundColor('#ff4bffa8')
    .width('100%')
  }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

3. 返回按钮图标颜色的设置:

对于返回按钮的图标颜色,可以使用 backButtonIcon 属性进行定义。此属性接受多种类型的值,包括:

-  string :定义按钮图标的颜色。

-  PixelMap :指定按钮图标的颜色。

-  Resource : 设置按钮图标的颜色。

-  SymbolGlyphModifier :定制按钮图标的颜色。

 build() {
    NavDestination(){
      Row() {
        Column(){
        }
        .width('100%')
      }
      .height('100%')
    }
    .hideTitleBar(false)
    .title('NavDestination title')
    .backgroundColor($r('sys.color.ohos_id_color_titlebar_sub_bg'))
    .backButtonIcon(new SymbolGlyphModifier($r('sys.symbol.ohos_star')).fontColor([Color.Blue]))
    .menus(this.menuItems)
  }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

期待HarmonyOS能在未来推出更多针对企业用户的解决方案。

感谢,这样写可以。就是每个页面可能都需要写一个NavigationTitle,有什么方法写一次都能复用吗

回到顶部