社区电脑网络 → 浏览:帖子主题
* 帖子主题:uniapp 中动态修改原生 titleNview
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 1 楼 ] 406 回复
第一步,先获取当前页面的webview:

var pages = getCurrentPages();
var page = pages[pages.length - 1];
var currentWebview = page.$getAppWebview();

第二步,获取当前webview的titleNview

var tn = currentWebview.getStyle().titleNView;

打印tn 得到如下效果:

{
    "autoBackButton": true,
    "backgroundColor": "#F8F8F8",
    "buttons": [{
        "text": "不使用",
        "type": "none",
        "color": "#333",
        "background": "#fff",
        "fontSize": "16px",
        "fontWeight": "bold",
        "width": "80px"
    }],
    "dock": "top",
    "height": 44,
    "position": "dock",
    "statusbar": {},
    "tags": [],
    "titleColor": "#000000",
    "titleText": "优惠券",
    "type": "default"
}

第三步,动态设置其中参数:

tn.buttons[0].text = '动态按钮名字';

第四步,更新webview的原生导航栏:

currentWebview.setStyle({
    titleNView: tn
});

2025-02-26 20:52:37 IP:已设置保密
分页: 1, 共 1 页
快速回复主题
账号/密码
用户: 没有注册? 密码:
评论内容