当前位置: 首页 > article >正文

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

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

文章目录

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

效果图

在这里插入图片描述


场景:在 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')
});

http://www.kler.cn/a/105261.html

相关文章:

  • 力扣刷题 day56:10-26
  • 2023CSPS 种树 —— 二分+前缀和
  • 小工具推荐:FastGithub的下载及使用
  • 尚硅谷大数据项目《在线教育之实时数仓》笔记003
  • BES2700 蓝牙协议之RFCOMM通道使用方法
  • 前端,CSS,背景颜色跟随轮播图片改变而改变(附源码)
  • #力扣:LCP 01. 猜数字@FDDLC
  • 【广州华锐互动】三维全景3D消防科普展馆
  • centos7安装mysql8.0
  • 搞定蓝牙——第四章(GATT协议)
  • 初始Redis 分布式结构的发展演变
  • sys.dm_exec_requests中statement_start_offset与statement_end_offset
  • 浅谈RabbitMQ的延迟队列
  • java springboot2.7 写一个本地 pdf 预览的接口
  • 八大排序算法(C语言版)之插入排序
  • HTTP 协议参考文档
  • http代理IP它有哪些应用场景?如何提升访问速度?
  • 使用ruoyi框架遇到的问题修改记录
  • 8位机adc采样正弦波频率
  • 管理员|顾问必看!8个Salesforce权限集的最佳实践