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

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

效果图

场景：在 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"
                }
            }
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

解决方式

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

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