Як змінити мову додатка на Android за допомогою Expo

8 Березня 2024 в 17:55 45

У світі мобільних додатків зміна мови вже давно є стандартним функціоналом, який дозволяє користувачам налаштовувати інтерфейс під свої вподобання. Зокрема, на платформі Android це зручно виконується через налаштування додатка в самій операційній системі. Використання Expo полегшує процес розробки мобільних додатків, але деякі особливості, зокрема зміна мови, можуть викликати певні питання. Давайте розглянемо, як змінити мову додатка на Android з використанням Expo та подолати можливі труднощі.

Згідно з документацією Expo, на новіших версіях Android та iOS можливо встановлювати мову додатка для кожного конкретного додатка, що уникає необхідності розробляти власний інтерфейс для зміни мови всередині додатку. Однак, після додавання локалей до файлу app.json та налаштування додатка для iOS, може виникнути питання, чому зміна мови не відображається в додатку Налаштування на Android.

Щоб вирішити цю проблему, необхідно внести деякі додаткові налаштування для підтримки зміни мови на Android. Перш за все, слід переконатися, що додаток налаштований правильно для використання локалей. Для цього слід перевірити налаштування у файлі app.json та переконатися, що всі локалі коректно додані до розділу “locales”. Наприклад:

{
  "expo": {
    "locales": {
      "ja": "./languages/japanese.json",
      "en": "./languages/english.json"
    }
  }
}

{

"expo": {

"locales": {

"ja": "./languages/japanese.json",

"en": "./languages/english.json"

}

Далі, для того щоб зміна мови відображалася в додатку Налаштування на Android, слід додати певні ключі в файл AndroidManifest.xml. Відкрийте цей файл у вашому проекті Expo та додайте такі рядки:

<application
  android:name=".MainApplication"
  android:label="@string/app_name"
  android:icon="@mipmap/ic_launcher"
  android:roundIcon="@mipmap/ic_launcher_round"
  android:allowBackup="false"
  android:theme="@style/AppTheme">
  ...
  <meta-data android:name="expo.modules.updates.EXPO_UPDATE_URL" android:value="YOUR_EXPO_UPDATE_URL" />
  <meta-data android:name="expo.modules.updates.EXPO_SDK_VERSION" android:value="YOUR_EXPO_SDK_VERSION" />
  <meta-data android:name="expo.modules.localization.Localization" android:resource="@xml/app_translations" />
  ...
</application>

<application

android:name=".MainApplication"

android:label="@string/app_name"

android:icon="@mipmap/ic_launcher"

android:roundIcon="@mipmap/ic_launcher_round"

android:allowBackup="false"

android:theme="@style/AppTheme">

...

...

</application>

У цьому коді “YOUR_EXPO_UPDATE_URL” та “YOUR_EXPO_SDK_VERSION” повинні бути замінені на ваші значення URL оновлення та версії SDK Expo відповідно. Крім того, “app_translations” – це назва файлу, в якому зберігаються переклади, який слід додати до папки “res/xml” у вашому проекті Android.

Після внесення цих змін та перезапуску додатка, зміна мови повинна коректно відображатися в додатку Налаштування на Android. Ви зможете переконатися, що ваші користувачі зможуть з легкістю змінювати мову відповідно до своїх вподобань та потреб.