uniapp解决iOS切换语言——原生导航栏buttons文字不生效

uniapp 切换语言原生导航栏buttons文字不生效?

文章目录

    • uniapp 切换语言原生导航栏buttons文字不生效?
      • 效果图
      • page.json配置
      • 解决方式

效果图

uniapp解决iOS切换语言——原生导航栏buttons文字不生效_第1张图片


场景:在 tabbar 页面中,配置 原生导航栏 buttons ,切换语言时,不会实时更新问题。


page.json配置

{
    "path": "pages/index/index",
    "style": {
		"navigationBarTitleText": "%common.index%",
		"enablePullDownRefresh": true,
        "app-plus": {
            "titleNView": {
                "backgroundImage": "linear-gradient(to right, #fe8c00, #f83600);",
                "buttons": [{
                    "text": "%common.devices%",
                    "color": "#fff",
                    "fontSize": "18",
                    "width": 100,
                    "float": "left"
                },
                {
                    "text": "\ue600",
                    "color": "#fff",
                    "fontSize": "26",
                    "width": 60,
                    "float": "right",
                    "fontSrc": "/static/iconfont/iconfont.ttf"
                }
            }
        }
    }
}

解决方式

这里用简单粗暴方式,在 onShow 调用方法,获取当前 webview对象,使用国际化 再次设置 buttons ,以达更新实时文案。欢迎分享其他方案~


let webView = this.$mp.page.$getAppWebview();
webView.setTitleNViewButtonStyle(0, {
    text: this.$t('common.devices')
});

你可能感兴趣的:(uniapp,1024程序员节,uniapp,切换语言不生效,uniapp,导航栏配置)