Локализация приложения
Функция мультиязычности позволяет отображать все тексты вашего приложения на разных языках.
FlutterFlow позволяет перевести все тексты вашего приложения сразу с помощью Google Translate или вручную, если вы предпочитаете. Вы также можете перевести заранее определенные сообщения, такие как сообщения о разрешениях, сообщения Snackbar аутентификации и т. д.
Добавление поддержки мульти язычности может быть критически важным для вашего приложения. Например, если у вас есть приложение, которое указывает незнаменитым пользователям выполнить шаги упражнений на английском языке, они не поймут и предпочтут использовать другое приложение (которое может быть средним, но доступным на языке пользователя). Добавление функции Мультиязычности в ваше приложение помогает вам успешно работать на мировом уровне.
Добавление поддержки мультиязычности
Чтобы добавить поддержку мультиязычности в свой проект:
- Нажмите на Настройки и Интеграции в меню навигации (слева от вашего экрана).
- В разделе Настройка проекта выберите Языки.
- Нажмите кнопку + Добавить язы к. Это откроет всплывающее окно Выберите язык.
- Найдите язык, который вы хотите поддержать, и нажмите на него. Аналогично добавьте другие языки.
- Теперь, в раскрывающемся списке Основной язык, нажмите на Отменить. Это откроет всплывающее окно, нажмите Продолжить и выберите ваш базовый язык. (Язык, который отображается, когда язык текущего устройства не поддерживается вашим приложением.)
- (Необязательно) Внутри раскрывающегося списка Язык отображения выберите язык, который вы хотите отображать при построении вашего приложения в App Builder.
- Найдите раздел Перевод ниже и нажмите кнопку Перевести все. Это откроет новое всплывающее окно, нажмите Перевести. Это переведет все тексты вашего приложения на поддерживаемые языки с помощью Google Translate.
- Пройдите по всем текстам вашего приложения (переведенным/непереведенным), сгруппированным по названию страницы.
- Теперь нажмите Выберите Страницу или Компонент в меню навигации (слева от вашего экрана).
- Выберите любую страницу, найдите выпадающий список языка над холстом, попробуйте изменить его на другие языки и посмотрите, как переведенный текст появляется на холсте.
Изменение основного языка после перевода всех ваших текстов приведет к удалению существующих переводов для других языков.
Вот как это выглядит, когда вы запускаете ваше приложение на реальном устройстве/эмуляторе и пытаетесь изменить язык устройства:
Изменение языка приложения вручную
Вместо отображения текстов приложения на основе языка устройства пользователя, вы можете позволить пользователям выбрать язык приложения.
Например, при запуске приложения вы можете показать экран выбора языка или начать приложение с каким-либо языком по умолчанию, например английским, а затем позволить пользователям позже изменить язык из меню настроек.
Давайте построим простой пример изменения языка приложения при нажатии на кнопку, который будет выглядеть следующим образом:
Изменение языка приложения вручную включает в себя следующие шаги:
1. Создание страницы
Вы можете пропустить этот шаг, если уже создали свою страницу.
Чтобы создать страницу:
- Создайте страницу и добавьте виджет Column.
- Добавьте виджет Text, который показывает некоторые тексты.
- Добавьте Button для изменения языка и добавьте отступ вокруг него.
2. Перевод контента приложения
Переведите содержимое вашего приложения в соответствии с инструкциями здесь.
3. Добавление действия для изменения языка приложения
С помощью этого действия вы можете изменять язык вашего приложения.
- Это действие видно только тогда, когда вы добавили функцию мультиязычности в свое приложение.
- Это действие ограничивается только вашим приложением и не изменяет язык вашего устройства.
Следуйте указанным ниже шагам, чтобы определить действие для установки языка приложения к любому виджету.
- Выберите виджет из дерева виджетов или из области холста.
- Выберите Действия из панели свойств (правое меню).
- Нажмите кнопку + Добавить действие
- Выберите жест из выпадающего списка среди По касанию, По двойному касанию, или Длительное нажатие
- Выберите тип действия Set App Language.
- Установите Исходный язык на Выбрать язык.
- Из раскрывающегося списка Язык выберите язык, который вы хотите установить.
Управление переводом текста приложения
Управление переводом текста вашего приложения включает в себя обновление переведенного текста (созданного с помощью Google Translate) или запуск Google Translate для нового или существующего текста (с небольшими изменениями) на определенной странице.
Есть два способа управлять переводом текста приложения:
В настройках языка
Страница Настроек языка перечисляет все тексты вашего приложения, сгруппированные по названию страницы. Вы можете использовать страницу Настроек языка, когда вам нужно управлять текстом пакетно.
Чтобы управлять переводом текста приложения внутри страницы настроек языка:
- Нажмите на Настройки и Интеграции в меню навигации (слева от вашего экрана).
- В разделе Настройка проекта выберите Языки.
- Прокрутите вниз до раздела Перевод, найдите и нажмите на название страницы, содержащей текст, который вы хотите управлять. Это покажет список текстов на странице.
- Найдите ваш текст:
- Чтобы вручную добавить/обновить перевод, прямо вносите изменения в поле под столбцом языка и отмечайте текст как Фиксированный.
- Чтобы выполнить перевод Google Translate нового или существующего текста (с небольшими изменениями), нажмите на Перевести страницу, а затем нажмите Перевести.
Кнопка Перевести страницу создаст перевод для всех текстов на странице. Если вы не хотите, чтобы какие-либо тексты (с вашим собственным переводом) были перезаписаны результатами Google Translate, убедитесь, что вы отметили их как Фиксированные.
В App Builder
При построении вашего приложения вы можете переводить или обновлять перевод для отдельных текстов прямо в App Builder.
Чтобы управлять переводом текста приложения внутри App Builder:
- Нажмите на Выбрать страницу или компонент из меню навигации (слева от вашего экрана).
- Выберите свою страницу, а затем выберите виджет (например, Text, TextField и т. д.).
- Перейдите в Property Editor и нажмите на иконку мира () для свойства, для которого вы хотите добавить перевод. Это откроет новую панель.
- Чтобы вручную добавить/обновить перевод, прямо вносите изменения в поле под названием языка.
- Чтобы выполнить перевод Google Translate для нового или существующего текста (с небольшими изменениями), нажмите на кнопку Перевести Google а затем нажмите Перевести.
Перевод заранее заданных сообщений
FlutterFlow позволяет управлять переводом заранее заданных сообщений, таких как сообщения о разрешениях и сообщения Snackbar.
Существуют два типа сообщений, которые можно переводить:
Сообщения iOS-разрешений
Сообщения iOS