Ionic 5 如何通过编程方式设置应用全局Locale/语言？

Ionic 官方没有提供直接修改应用全局 Locale 的内置 API，你可以结合多语言国际化库实现该需求，具体落地步骤如下：

• 选择对应技术栈的国际化库
  目前主流的 Ionic 技术栈适配的多语言库分别为：@ngx-translate/core（Angular 栈）、vue-i18n（Vue 栈）、react-i18next（React 栈），这也是行业内通用的多语言实现方案。
• 完成基础配置后实现切换逻辑
  以最常用的 Angular + Ionic 技术栈为例，完成 ngx-translate 的多语言包配置、页面文本绑定后，仅需要一行代码即可切换全局应用语言：
  this.translate.use('目标语言标识，例如zh-CN、en-US')
  调用后全应用所有绑定了多语言 key 的文本会自动刷新为目标语言内容。
• 持久化用户语言设置（可选）
  如果需要应用重启后仍保留用户选择的语言，可以将选中的语言标识存入本地存储，应用初始化时优先读取本地存储的语言值，无存储值时再调用this.globalization.getPreferredLanguage()取设备默认语言，示例逻辑：

  // 应用初始化阶段执行
  const savedLang = localStorage.getItem('user_selected_lang')
  const targetLang = savedLang || await this.globalization.getPreferredLanguage()
  this.translate.use(targetLang)
  

• 同步 Locale 格式化规则（可选）
  如果需要同步修改日期、数字、货币等内容的格式化规则，需要配合对应框架的 Locale 注册逻辑实现，以 Angular 为例切换到中文时需要提前注册中文 Locale：

  import { registerLocaleData } from '@angular/common';
  import localeZhCN from '@angular/common/locales/zh-Hans';
  registerLocaleData(localeZhCN);
  

注意：Ionic 作为应用层跨端框架，没有权限修改设备系统的全局语言设置，上述所有方案仅作用于你的应用内部的语言展示效果。

内容的提问来源于stack exchange，提问作者MasterMohsin