评论

小程序在国际化上遇到的问题以及解决方案

国际化处理的时候自定义tabBar的国际化处理。

对于像我这样少数民族开发者来说,经常会遇到一些项目要求多语言、国家化。正好最近有一个项目,需要国语和维吾尔语之间进行切换。

根据微信官方给出的国际化工具类库很快做到了国际化。但是我们这个项目有tabBar,而且,tabBar 需要我们自定义,因为手机自带的字体太过于难看(对于维吾尔文来说,系统自带的字体太难看了)。而且tabBar原生不支持指定font-face属性。几乎所有的原生组件都无法指定font-face属性。所以我们只能自定义tabBar了。有点扯远了,回归问题本身。

当tabBar进行自定义之后,国际化类库不好使了。页面其他位置的国际化切换的都很流畅,唯独tabBar就没生效。也不知道是什么原因。最终通过国际化类库提供的 语言切换时触发的回调函数哪儿做到了同步切换。免得大家以后多走弯路,我把本次经验分享出来了。如果有什么不对的,希望不要骂我,我也是一个学者。谢谢各路神仙听我胡扯!

ready(){
    // 页面加载完毕后更新一下tabbar列表数据
    this.updateTabList();
    // 切换语言是再次进行更新tabbar列表数据
    this.onLocaleChange(()=>{
      this.updateTabList();
    })
  }
最后一次编辑于  2020-03-06  
点赞 3
收藏
评论

5 个评论

  • Guts
    Guts
    01-22

    楼主 我这边也要做一个汉语和维语的切换 请问您是自己翻译还是语言包

    01-22
    赞同
    回复
  • 莫问
    莫问
    2020-08-24

    那动态数据呢?能翻译出来不

    2020-08-24
    赞同
    回复
  • 神经蛙
    神经蛙
    2020-06-18

    我按照官方的步骤,一直在报错

    2020-06-18
    赞同
    回复 3
    • ئىلچىن
      ئىلچىن
      2020-06-18
      报错?不应该啊?我都好好的啊?
      2020-06-18
      回复
    • 神经蛙
      神经蛙
      2020-06-18回复ئىلچىن
      Uncaught Error: module "npm/@miniprogram-i18n/core/lib/index.js" is not defined
      2020-06-18
      回复
    • ئىلچىن
      ئىلچىن
      2020-06-22回复神经蛙
      你在开发者工具里面进行构建npm操作就可以了啊。
      2020-06-22
      回复
  • 刘平
    刘平
    2020-04-09

    搞定了吗

    2020-04-09
    赞同
    回复 1
    • ئىلچىن
      ئىلچىن
      2020-04-20
      没有搞定写这个帖子干嘛啊?搞定了才写的。
      2020-04-20
      回复
  • ئىلچىن
    ئىلچىن
    2020-03-06

    官方国际化类库说明文档

    https://developers.weixin.qq.com/miniprogram/dev/extended/utils/miniprogram-i18n/quickstart.html

    2020-03-06
    赞同
    回复 1
    • Awalker
      Awalker
      2022-05-15
      404
      2022-05-15
      回复
登录 后发表内容