Neil_HL
Neil_HL
  • 发布:2018-12-17 15:49
  • 更新:6 天前
  • 阅读:4516

uni-app修改标题栏按钮文字

分类:uni-app

在App端可以通过得到webview对象,修改webview对象的titleNview属性,以达到修改标题栏按钮文字及样式的功能。
具体实现如下:

let pages = getCurrentPages();  
let page = pages[pages.length - 1];  
// #ifdef APP-PLUS  
let currentWebview = page.$getAppWebview();  
let titleObj = currentWebview.getStyle().titleNView;  
if (!titleObj.buttons) {  
    return;  
}  
titleObj.buttons[0].text = "hi";  
//titleObj.buttons[0].text = titleObj.buttons[0].text === "\ue604" ? "\ue605" : "\ue604";  
currentWebview.setStyle({  
    titleNView: titleObj  
});  
// #endif  

button的相关属性可参考:http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTitleNViewButtonStyles
附件为测试demo,可下载体验。

3 关注 分享
Trust 花爽 mmt

要回复文章请先登录注册

江water

江water

报错 page.$getAppWebview is not a function
6 天前
1246652557@qq.com

1246652557@qq.com

Ctyuh
2019-05-14 12:46
fir512@126.com

fir512@126.com

回复 buluo05@163.com:
可以给个属性”width”:"auto"试试
2019-05-09 18:36
2447220747@qq.com

2447220747@qq.com

回复 Neil_HL:
你好,我复制了你的代码,也是只改了这一个属性,可以成功修改,但是这之后就监听不到onNavigationBarButtonTap(){}事件了,请问能是我操作的问题吗?
2019-04-30 17:06
灵凌

灵凌

回复 1206188300@qq.com:
找到解决办法了么?
2019-04-27 23:23
Neil_HL

Neil_HL (作者)

回复 2845957073@qq.com:
document获取节点改变文字
2019-03-12 10:28
2845957073@qq.com

2845957073@qq.com

请问一下,h5平台下是如何实现修改标题栏按钮文字呢?
2019-03-12 09:11
mmt

mmt

fork
2019-03-11 15:46
贰大的

贰大的

回复 Neil_HL:
忘记说平台了 ios平台 onload后获取不到 安卓平台没问题
2019-03-11 15:42
贰大的

贰大的

回复 Neil_HL:
我试试了好像是空的 只有触发点击事件才能获取到!
2019-03-11 14:33
Neil_HL

Neil_HL (作者)

回复 buluo05@163.com:
试试设置width属性
2019-03-11 10:45
Neil_HL

Neil_HL (作者)

回复 贰大的:
可以页面加载完成就获得,这里只是提供一种场景
2019-03-11 10:44
贰大的

贰大的

你好,请问为什么一定要点击才能获取到button对象,不能页面加载完就获取到吗?
2019-03-11 10:32
buluo05@163.com

buluo05@163.com

我自定义按钮的文字是4个字的,例如"找人代付",安卓手机12px下只能显示两个半字,有没有解决方法
2019-01-14 10:09
Neil_HL

Neil_HL (作者)

回复 1206188300@qq.com:
你需要向我那样修改,只改变某一个属性,如果整个节点都改了,事件就不会被监听到了
2018-12-20 11:07
1206188300@qq.com

1206188300@qq.com

自定义了以后,onNavigationBarButtonTap(){}事件,监听不到标题栏上按钮点击事件了,请问这个问题可以解决吗?
2018-12-19 20:11