@satis/center-title
简介
Navigation 标题居中 NavDestination 标题居中 ,最标准的实现方式
1. 下载安装
ohpm install @satis/center-title
或者在需要使用的模块下 oh-package.json5
"dependencies": {
"@satis/center-title": "^1.0.0"
},
2. 使用
Navigation() {
...
}
.title(CenterTitle(this.title))
// 或在NavDestination
NavDestination() {
...
}
.title(CenterTitle(this.title))
// 自定义 build函数
@Builder
title(){
Text("标题居中测试").fontSize(16).fontColor(Color.Black)
.fontWeight(700)
.maxLines(1)
.textOverflow({overflow:TextOverflow.Ellipsis})
.ellipsisMode(EllipsisMode.END)
}
3. 效果展示
@satis/center-title
简介
Navigation 标题居中 NavDestination 标题居中
1. 下载安装
ohpm install @satis/center-title
或者在需要使用的模块下 oh-package.json5
"dependencies": {
"@satis/center-title": "^1.0.0"
},
2. 使用
Navigation() {
...
}
.title(CenterTitle(this.title))
// 或在NavDestination
NavDestination() {
...
}
.title(CenterTitle(this.title))
// 自定义 build函数
@Builder
title(){
Text("标题居中测试").fontSize(16).fontColor(Color.Black)
.fontWeight(700)
.maxLines(1)
.textOverflow({overflow:TextOverflow.Ellipsis})
.ellipsisMode(EllipsisMode.END)
}
3. 效果展示
img.png
注意！！！！！！！！ 如果右侧自定义菜单过长 ,则标题会退化到左侧显示
img_1.png
