Экран запуска приложения

Пока мини-приложение не проинициализировало соединение с платформой с помощью события VKWebAppInit, пользователь будет видеть экран запуска. По умолчанию это квадратная иконка для каталога на белом фоне. Вместо статичной картинки вы можете добавить анимацию.

Экран запуска

Создание анимации

Подготовьте векторное изображение в формате Lottie. Если у вас есть готовые SVG-файлы, воспользуйтесь онлайн-конвертером SVG в Lottie.

Требования к изображению:

• •

  Максимальный размер файла: 24 Кбайта.

• •

  Размер изображения: 96×96 px.

Работа Lottie-анимаций отличается на разных платформах. Мы рекомендуем сверяться с таблицей поддерживаемых функций и проверять работу анимации с помощью предварительного просмотра на сайтах rlottie и LottieFiles.

Если анимация некорректно отображается на iOS, добавьте поле "ddd": 0 в каждый объект массива layers.

Настройка экрана

1. 1.

   Откройте список приложений и перейдите в настройки вашего мини-приложения.

2. 2.

   В меню слева выберите Настройки → Оформление и перейдите на вкладку Экран запуска.

3. 3.

   Загрузите изображение — файл в формате Lottie.

4. 4.

   Если изображение анимированное, включите опцию Анимация иконки.

5. 5.

   Укажите HEX-код для цвета фона за иконкой. Пример: #54C45D.

6. 6.

   Нажмите Сохранить.

Материалы по теме

• •
  Оформление (настройки мини-приложений)