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

最新推荐文章于 2024-05-15 18:04:01 发布

原创最新推荐文章于 2024-05-15 18:04:01 发布 · 1.5k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#1024程序员节 #uniapp 切换语言不生效 #uniapp 导航栏配置

uniapp 专栏收录该内容

82 篇文章

订阅专栏

文章讲述了在uniapp中，如何在tabbar页面的原生导航栏配置中，当切换语言时按钮文字不更新的问题，提供了解决方案：在onShow事件中获取webview对象，使用国际化API重新设置按钮文案。

uniapp 切换语言原生导航栏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"
                }
            }
        }
    }
}

解决方式

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

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