# Кастомизация плагинов
Параметры тем в Android SDK используются во многих компонентах системы, поэтому, если вы измените один из них, это может повлиять на множество элементов интерфейса.
Настройте внешний вид плагина в соответствии с вашими требованиями.
Мобильный SDK поддерживает кастомизацию через специально структурированный JSON-объект — theme. Тема применяется с использованием метода билдера withTheme.
# Платформенно-специфичные параметры
На верхнем уровне theme можно указать платформу, к которой относятся параметры:
universal— для обеих платформios,android— для конкретной платформы (если заданы, переопределяют параметры изuniversal)
Для каждой платформы параметры сгруппированы следующим образом:
Цвета
colorsЦвет может быть задан одним значением или парой значений
light/darkдля светлой и темной темы.Формат значения цвета:
#RRGGBBAAили0xAARRGGBB(параметр прозрачности — необязательный).Шрифты
fontsШрифты и изображения должны находиться в каталоге
www/и быть подключены в.js-файле (например,assets.js), который затем необходимо включить в проект. Это требуется для корректного добавления ресурсов в нативные приложения.Шрифты дополнительно указываются в
themeв разделеfonts.assets. Для каждого шрифта необходимо задать:
-name— имя шрифта (как указано в его метаданных);
-file— путь к файлу шрифта, начиная сwww/.После этого шрифт можно использовать по имени и задавать его размер.
Изображения
imagesИзображения указываются по пути (начиная с
www/).
Для iOS дополнительно можно задать:scale— масштаб (логический размер в поинтах: points = pixels / scale);rendering mode— режим отображения (templateилиoriginal).
Метрики
metricsРаздел содержит параметры размеров и некоторых стилевых характеристик.
Полный перечень доступных настроек приведен в документации нативных SDK:
# Пример для React Native
Предположим, что файлы шрифтов и изображений размещены в каталоге www вашего проекта.
Тогда тема может выглядеть следующим образом:
{
"universal": {
"fonts": {
"assets": [
{
"name": "Scriptina",
"file": "www/fonts/SCRIPTIN.ttf"
}
],
"headline1": {
"name": "Scriptina",
"size": 40
},
"caption": {
"name": "GoodTimesRg-Regular",
"size": 9
}
},
"images": {
"iconMail": "www/img/mail-icon.png",
"verificationStepIcons": {
"identity": {
"image": "www/img/robot-icon.png",
"scale": 3
}
}
},
"colors": {
"navigationBarItem": {
"light": "#FF000080",
"dark": "0x80FF0000"
},
"alertTint": "#FF000080"
}
},
"ios": {
"metrics": {
"commonStatusBarStyle": "default"
}
}
}
# Шрифты
# body
"body": "Font Name"
Основной текст. Используется для абзацев, текстовых полей и других элементов, в основном в сочетании с contentNeutral.
По умолчанию: System Regular, 14pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# caption
"caption": "Font Name"
Второстепенный текст. Используется для вспомогательных подписей, в основном в сочетании с contentWeak.
По умолчанию: System Regular, 12pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# headline1
"headline1": "Font Name"
Заголовок 1-го уровня. Используется для заголовков экранов, в основном в сочетании с contentStrong.
По умолчанию: System Regular, 24pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# headline2
"headline2": "Font Name"
Заголовок 2-го уровня. Используется для заголовков разделов, в основном в сочетании с contentStrong.
По умолчанию: System Regular, 20pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# subtitle1
"subtitle1": "Font Name"
Подзаголовок 1-го уровня. Используется для подзаголовков, в основном в сочетании с contentStrong.
По умолчанию: System Semibold, 18pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# subtitle2
"subtitle2": "Font Name"
Подзаголовок 2-го уровня. Используется для подзаголовков, в основном в сочетании с contentNeutral.
По умолчанию: System Regular, 16pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Цвета
# Общие параметры
# navigationBarItem
"navigationBarItem": "#RRGGBBAA"
Цвет элементов навигационной панели. Используется только для кнопки закрытия.
По умолчанию: #94A0B8 и #FFFFFF с прозрачностью 40% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# alertTint
"alertTint": "#RRGGBBAA"
Цвет кнопок в системных уведомлениях и на панели инструментов.
По умолчанию: #1693E9 и #1485D1 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# toolbarTint
"toolbarTint": "#RRGGBBAA"
Цвет кнопок на панелях инструментов.
По умолчанию: #5C6B8A и #FFFFFF с прозрачностью 60% в темном режиме.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# toolbarBackground
"toolbarBackground": "#RRGGBBAA"
Фоновый цвет для панелей инструментов.
По умолчанию: nil, используется системный цвет фона.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# Фоновые цвета
# backgroundCommon
"backgroundCommon": "#RRGGBBAA"
Основной фоновый цвет. Используется для всех экранов, кроме экрана камеры.
По умолчанию: #FFFFFF и #1E232E в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# backgroundCritical
"backgroundCritical": "#RRGGBBAA"
Используется как фон для карточек шагов проверки в статусе критических проблем и как фон для сообщения о неуспешной проверке (Иконка images.pictureFailure).
По умолчанию: #F05C5C с прозрачностью 12% и #F05C5C с прозрачностью 30% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# backgroundInfo
"backgroundInfo": "#RRGGBBAA"
В данный момент не используется.
По умолчанию: #E8F4FD и #072F4B в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✖ |
# backgroundNeutral
"backgroundNeutral": "#RRGGBBAA"
Второстепенный фоновый цвет. Используется для карточек шагов проверки в нейтральном статусе и выпадающих списков.
Фон карточки будет заполнен при использовании стиля .filled.
По умолчанию: #F6F7F9 и #FFFFFF с прозрачностью 7% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# backgroundSuccess
"backgroundSuccess": "#RRGGBBAA"
Используется как фон для карточек успешных шагов проверки и как фон для сообщения об успешной проверке (Иконка images.pictureSuccess).
По умолчанию: #18B494 с прозрачностью 12% и #18B494 с прозрачностью 30% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# backgroundWarning
"backgroundWarning": "#RRGGBBAA"
Используется как фон для карточек шагов проверки в статусе предупреждений, как фон для сообщения о загрузке данных (Иконка images.pictureSubmitted) и как фон для сообщения об ошибке сети (Иконка images.pictureWarning).
По умолчанию: #F2AA0D с прозрачностью 12% и #F2AA0D с прозрачностью 30% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# bottomSheetBackground
"bottomSheetBackground": "#RRGGBBAA"
Цвет фона для нижнего листа.
По умолчанию: #FFFFFF и #333C4D для темного режима.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# bottomSheetHandle
"bottomSheetHandle": "#RRGGBBAA"
Цвет переднего плана для ручки нижнего листа.
Обратите внимание, что ручка может быть как внутри (на фоне bottomSheetBackground), так и снаружи (на фоне backgroundCommon).
По умолчанию: #D1D6E1 и #FFFFFF с прозрачностью 20% для темного режима.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Контент
# cameraBackground
"cameraBackground": "#RRGGBBAA"
Фоновый цвет экрана камеры.
По умолчанию: #1E232E.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# cameraBackgroundOverlay
"cameraBackgroundOverlay": "#RRGGBBAA"
Фоновый цвет затемнения поверх экрана камеры.
По умолчанию: #1E232E с прозрачностью 75%.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# cameraContent
"cameraContent": "#RRGGBBAA"
Цвет элементов интерфейса на экране камеры: кнопка галереи, кнопка съемки и т. д.
По умолчанию: #FFFFFF.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# cardBorderedBackground
"cardBorderedBackground": "#RRGGBBAA"
Используется в качестве фонового цвета для карточек со стилем .bordered.
По умолчанию: Android — null, iOS — nil.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# cardPlainBackground
"cardPlainBackground": "#RRGGBBAA"
Используется в качестве фонового цвета для карточек со стилем .plain.
По умолчанию: Android — null, iOS — nil.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# contentCritical
"contentCritical": "#RRGGBBAA"
Цвет текста для критических проблем при прохождении проверки и автоматически сгенерированных изображений images.pictureFailure.
По умолчанию: #F05C5C.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# contentInfo
"contentInfo": "#RRGGBBAA"
Используется только для границы области просмотра на экране видео.
По умолчанию: #1693E9 и #1485D1 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# contentLink
"contentLink": "#RRGGBBAA"
Цвет текстовых ссылок.
По умолчанию: #1693E9 в #1485D1 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# contentNeutral
"contentNeutral": "#RRGGBBAA"
Цвет основного текста, некоторых подзаголовков и вспомогательных элементов.
По умолчанию: #5C6B8A и #FFFFFF с прозрачностью 60% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# contentStrong
"contentStrong": "#RRGGBBAA"
Цвет заголовков и некоторых подзаголовков.
По умолчанию: #333C4D и #FFFFFF с прозрачностью 85% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# contentSuccess
"contentSuccess": "#RRGGBBAA"
Используется в качестве цвета иконок для карточек шагов в статусе успешной проверки, цвет текста для инструкции, цвета иконки images.pictureSuccess и цвета контура области съемки.
По умолчанию: #18B494.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# contentWarning
"contentWarning": "#RRGGBBAA"
Цвет текста для предупреждений при прохождении проверки и автоматически сгенерированных изображений images.pictureWarning и images.pictureSubmitted.
По умолчанию: #E6A00B.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# contentWeak
"contentWeak": "#RRGGBBAA"
Цвет второстепенного текста и вспомогательных элементов.
По умолчанию: #94A0B8 и #FFFFFF с прозрачностью 40% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Поля
# fieldBackground
"fieldBackground": "#RRGGBBAA"
Фоновый цвет полей ввода текста.
По умолчанию: #F6F7F9 и #FFFFFF с прозрачностью 7% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# fieldBackgroundInvalid
"fieldBackgroundInvalid": "#RRGGBBAA"
Фон полей ввода, отмеченных как недействительные.
По умолчанию: colors.backgroundCritical.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# fieldBorder
"fieldBorder": "#RRGGBBAA"
Цвет границы полей ввода.
По умолчанию: прозрачный.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# fieldContent
"fieldContent": "#RRGGBBAA"
Цвет вводимого текста в полях ввода.
По умолчанию: #333C4D и #FFFFFF с прозрачностью 85% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# fieldPlaceholder
"fieldPlaceholder": "#RRGGBBAA"
Цвет заполнителя в полях ввода.
По умолчанию: #94A0B8 и #FFFFFF с прозрачностью 40% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# fieldTint
"fieldTint": "#RRGGBBAA"
Цвет выделения полей ввода. Используется для текстовых полей, флажков и переключателей.
По умолчанию: #1693E9 и #1485D1 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Список
# listSelectedItemBackground
"listSelectedItemBackground": "#RRGGBBAA"
Цвет фона для выбранного элемента списка.
По умолчанию: #F6F7F9 и #FFFFFF с прозрачностью 7% для темного режима.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# listSeparator
"listSeparator": "#RRGGBBAA"
Цвет разделителя списка.
По умолчанию: #D1D6E1 и #FFFFFF с прозрачностью 20% для темного режима.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Основная кнопка
# primaryButtonBackground
"primaryButtonBackground": "#RRGGBBAA"
Цвет фона основной кнопки в обычном состоянии.
По умолчанию: #1693E9 и #1485D1 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# primaryButtonBackgroundDisabled
"primaryButtonBackgroundDisabled": "#RRGGBBAA"
Цвет фона основной кнопки в отключенном состоянии.
По умолчанию: #A1D2F7 и #072F4B в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# primaryButtonBackgroundHighlighted
"primaryButtonBackgroundHighlighted": "#RRGGBBAA"
Цвет фона основной кнопки в выделенном состоянии.
По умолчанию: #1485D1 и #0B4A75 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# primaryButtonContent
"primaryButtonContent": "#RRGGBBAA"
Цвет текста основной кнопки в обычном состоянии.
По умолчанию: #FFFFFF и #FFFFFF с прозрачностью 85% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# primaryButtonContentDisabled
"primaryButtonContentDisabled": "#RRGGBBAA"
Цвет содержимого основной кнопки в отключенном состоянии.
По умолчанию: #FFFFFF и #0B4A75 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# primaryButtonContentHighlighted
"primaryButtonContentHighlighted": "#RRGGBBAA"
Цвет содержимого основной кнопки в выделенном состоянии.
По умолчанию: #FFFFFF и #FFFFFF с прозрачностью 85% в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Второстепенная кнопка
# secondaryButtonBackground
"secondaryButtonBackground": "#RRGGBBAA"
Фоновый цвет второстепенной кнопки в обычном состоянии.
По умолчанию: прозрачный.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# secondaryButtonBackgroundDisabled
"secondaryButtonBackgroundDisabled": "#RRGGBBAA"
Фоновый цвет второстепенной кнопки в отключенном состоянии.
По умолчанию: прозрачный.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# secondaryButtonBackgroundHighlighted
"secondaryButtonBackgroundHighlighted": "#RRGGBBAA"
Фоновый цвет второстепенной кнопки в выделенном состоянии.
По умолчанию: #E8F4FD и #072F4B в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# secondaryButtonContent
"secondaryButtonContent": "#RRGGBBAA"
Цвет содержимого второстепенной кнопки в обычном состоянии.
По умолчанию: #1693E9 и #1485D1 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# secondaryButtonContentDisabled
"secondaryButtonContentDisabled": "#RRGGBBAA"
Цвет содержимого второстепенной кнопки в отключенном состоянии.
По умолчанию: #A1D2F7 и #0B4A75 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# secondaryButtonContentHighlighted
"secondaryButtonContentHighlighted": "#RRGGBBAA"
Цвет содержимого второстепенной кнопки в выделенном состоянии.
По умолчанию: #1693E9 и #1485D1 в темном режиме.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Элементы платформы
# statusBarColor
"statusBarColor": "#RRGGBBAA"
| Android | iOS |
|---|---|
| ✔ | ✖ |
# Изображения
# Иконки
# iconAttachment
"iconAttachment": "www/image_path"
Используется для вложений, когда поле пустое.
По умолчанию: иконка в виде скрепки.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconBack
"iconBack": "www/image_path"
Иконка для кнопки «Назад» на панели.
По умолчанию: иконка в виде стрелки. При выборе значения nil используется системная кнопка «Назад».
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconBin
"iconBin": "www/image_path"
Используется для полей вложений, когда документ может быть удален.
По умолчанию: иконка в виде ведра.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconCalendar
"iconCalendar": "www/image_path"
Используется для полей даты.
По умолчанию: иконка в виде календаря.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconCameraToggle
"iconCameraToggle": "www/image_path"
Используется для кнопки переключения камеры.
По умолчанию: иконка круглых стрелок.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconCheckboxOff
"iconCheckboxOff": "www/image_path"
Используется для незаполненных флажков.
По умолчанию: пустой прямоугольник с цветом границы contentWeak.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconCheckboxOn
"iconCheckboxOn": "www/image_path"
Используется для отмеченных флажков.
По умолчанию: белая галочка на фоне прямоугольника с цветом fieldTint.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconClose
"iconClose": "www/image_path"
Иконка для кнопки закрытия на всех экранах.
По умолчанию: иконка в виде крестика.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# iconDisclosure
"iconDisclosure": "www/image_path"
Используется для отображения доступности раскрытия.
По умолчанию: иконка в виде раскрывающей стрелки.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconDropdown
"iconDropdown": "www/image_path"
Используется для выпадающих полей.
По умолчанию: иконка в виде стрелки вниз.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconFailure
"iconFailure": "www/image_path"
Используется для составления автогенерируемого pictureFailure.
По умолчанию: иконка крестика.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconGallery
"iconGallery": "www/image_path"
Используется для кнопки галереи на экране камеры.
По умолчанию: иконка стопки фотографий.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconMail
"iconMail": "www/image_path"
Используется для элемента поддержки по умолчанию для электронной почты.
По умолчанию: иконка письма.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconPicture
"iconPicture": "www/image_path"
Используется для вложений, когда документ прикреплен.
По умолчанию: иконка в виде фотографии.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconPlay
"iconPlay": "www/image_path"
Используется для кнопки воспроизведения на экране предварительного просмотра.
По умолчанию: иконка воспроизведения в круге.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconRadioButtonOff
"iconRadioButtonOff": "www/image_path"
Используется для незаданных радиокнопок.
По умолчанию: пустой круг с цветом границы contentWeak.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconRadioButtonOn
"iconRadioButtonOn": "www/image_path"
Используется для выбранных радиокнопок.
По умолчанию: белый круг на фоне круга с цветом fieldTint.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconRotate
"iconRotate": "www/image_path"
Используется для кнопки поворота на экране предварительного просмотра.
По умолчанию: иконка поворота фотографии.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconSearch
"iconSearch": "www/image_path"
Используется для панели поиска.
По умолчанию: иконка в виде лупы.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconSubmitted
"iconSubmitted": "www/image_path"
Используется для составления автогенерируемого pictureSubmitted.
По умолчанию: иконка загрузки в облако.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconSuccess
"iconSuccess": "www/image_path"
Используется для составления автогенерируемого pictureSuccess.
По умолчанию: иконка галочки.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconTorchOff
"iconTorchOff": "www/image_path"
Используется для кнопки выключенного фонарика на экране камеры.
По умолчанию: иконка в виде вспышки.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconTorchOn
"iconTorchOn": "www/image_path"
Используется для кнопки включенной фонарика на экране камеры.
По умолчанию: иконка в виде вспышки.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# iconWarning
"iconWarning": "www/image_path"
Используется для нижнего листа предупреждений и для составления автогенерируемого pictureWarning.
По умолчанию: восклицательный знак в треугольнике.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# Наборы контент-зависимых изображений
# instructionsImages
"instructionsImages": "www/image_path"
Изображения инструкций. Когда изображение запрашивается с одним из следующих текстовых ключей:
cbr_step_{STEP}_{scene}_instructions_imagecbr_step_{STEP}_{scene}_instructions_doImagecbr_step_{STEP}_{scene}_instructions_dontImage
SDK будет искать изображение в instructionsImages для соответствующего текстового ключа.
Не стесняйтесь добавлять свои изображения или использовать предустановленные:
default/videoidentdefault/facescandefault/do_idCarddefault/dont_idCarddefault/do_passportdefault/dont_passportdefault/do_idCard_backSidedefault/dont_idCard_backSide
| Android | iOS |
|---|---|
| ✖ | ✔ |
# verificationStepIcons
"verificationStepIcons": "www/image_path"
Иконки шагов проверки. По умолчанию заданы для ключей:
.identity.selfie.selfie2.proofOfResidence.proofOfResidence2.applicantData.emailVerification.phoneVerification.questionnaireКлюч.defaultиспользует иконку.identity.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# documentTypeIcons
"documentTypeIcons": "www/image_path"
Иконки типов документов.
По умолчанию определены иконки для следующих ключей:
.idCard.passport.drivers.residencePermit
Ключ .default заполнен иконкой .idCard.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# Картинки
# pictureFailure
"pictureFailure": "www/image_path"
Изображение «Неудача». Может быть использовано для замены автогенерируемого.
По умолчанию: nil.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# pictureGeolocationOff
"pictureGeolocationOff": "www/image_path"
Используется как изображение на экране геолокации, когда приложение не имеет разрешений на получение геолокации.
По умолчанию: иконка перечеркнутого геолокационного пина.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# pictureGeolocationOn
"pictureGeolocationOn": "www/image_path"
Используется как изображение на экране геолокации до начала определения геолокации.
По умолчанию: иконка пина геолокации.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# pictureAgreement
"pictureAgreement": "www/image_path"
Отображается в верхней части экрана соглашения.
По умолчанию: изображение глобуса.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# pictureDocumentFlip
"pictureDocumentFlip": "www/image_path"
Отображается на экране камеры перед тем, как будет сделан снимок обратной стороны документа.
По умолчанию: изображение документа с вращающейся стрелкой ниже.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# pictureSubmitted
"pictureSubmitted": "www/image_path"
Изображение «Отправлено». Может быть использовано для замены автогенерируемого.
По умолчанию: nil.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# pictureSuccess
"pictureSuccess": "www/image_path"
Изображение «Успех». Может быть использовано для замены автогенерируемого.
По умолчанию: nil.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# pictureWarning
"pictureWarning": "www/image_path"
Изображение «Предупреждение». Может быть использовано для замены автогенерируемого.
По умолчанию: nil.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# Метрики
# Размер содержимого
# respectsPreferredContentSizeCategory
"respectsPreferredContentSizeCategory": true
Определяет, должны ли шрифты, изображения, метрики и макеты адаптироваться в соответствии с предпочитаемым пользователем размером содержимого.
По умолчанию: true.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# Основные
# activityIndicatorStyle
"activityIndicatorStyle": "medium"
Стиль индикатора загрузки. Поддерживаются значения small, medium, large.
По умолчанию: .medium для iOS 13+ и .gray для более ранних версий.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# commonStatusBarStyle
"commonStatusBarStyle": "default"
Стиль строки состояния на всех экранах.
По умолчанию: .default.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# preferredCloseBarItemAlignment
"preferredCloseBarItemAlignment": "right"
Предпочитаемое расположение кнопки закрытия. Доступные варианты: .right и .left.
По умолчанию: .right.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# preferredCloseBarItemStyle
"preferredCloseBarItemStyle": "icon"
Предпочитаемый стиль кнопки закрытия. Доступные варианты: .icon и .text.
По умолчанию: .icon.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# Выдвижная панель
# bottomSheetCornerRadius
"bottomSheetCornerRadius": 16
Радиус скругления углов нижнего листа.
По умолчанию: 16pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# bottomSheetHandleSize
"bottomSheetHandleSize": {"width": 36, "height": 4}
Размер индикатора захвата нижнего листа.
По умолчанию: 36pt x 4pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Кнопки
# buttonBorderWidth
"buttonBorderWidth": 1
Толщина границы второстепенной кнопки. Основные кнопки с границей пока не поддерживаются.
По умолчанию: 1pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# buttonCornerRadius
"buttonCornerRadius": 8
Радиус скругления углов кнопок.
По умолчанию: 8pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# buttonHeight
"buttonHeight": 48
Высота основных и второстепенных кнопок.
По умолчанию: 48pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Камера
# cameraStatusBarStyle
"cameraStatusBarStyle": "default"
Стиль строки состояния на экране камеры. В настоящее время не используется.
По умолчанию: .default.
| Android | iOS |
|---|---|
| ✖ | ✔ |
# Рамка документа
# documentFrameBorderWidth
"documentFrameBorderWidth": 2
Толщина границы рамки документа.
По умолчанию: 2pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# documentFrameCornerRadius
"documentFrameCornerRadius": 14
Радиус скругления углов рамки документа.
По умолчанию: 14pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Стиль карточек
# cardBorderWidth
"cardBorderWidth": 1
Толщина границы карточек.
По умолчанию: 1pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# cardCornerRadius
"cardCornerRadius": 8
Радиус скругления углов карточек.
По умолчанию: 8pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# documentTypeCardStyle
"documentTypeCardStyle": "filled"
Стиль карточки типа документа.
По умолчанию: iOS — .filled. Android — default (Поддерживаются значения: default, bordered, plain).
| Android | iOS |
|---|---|
| ✔ | ✔ |
# selectedCountryCardStyle
"selectedCountryCardStyle": "filled"
Стиль карточки выбранной страны.
По умолчанию: iOS — .filled. Android — default (Поддерживаются значения: default, bordered, plain).
| Android | iOS |
|---|---|
| ✔ | ✔ |
# supportItemCardStyle
"supportItemCardStyle": "bordered"
Стиль карточки элементов поддержки.
По умолчанию: iOS — .bordered. Android — default (Поддерживаются значения: default, bordered, plain).
| Android | iOS |
|---|---|
| ✔ | ✔ |
# verificationStepCardStyle
"verificationStepCardStyle": "filled"
Стиль карточки шагов проверки.
По умолчанию: iOS — .filled. Android — default (Поддерживаются значения: default, bordered, plain).
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Поля
# fieldBorderWidth
"fieldBorderWidth": 0
Толщина границы полей ввода текста.
По умолчанию: 0pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# fieldCornerRadius
"fieldCornerRadius": 8
Радиус скругления углов полей ввода текста.
По умолчанию: 8pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# fieldHeight
"fieldHeight": 48
Высота полей ввода текста.
По умолчанию: 48pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Контент
# screenHorizontalMargin
"screenHorizontalMargin": 16
Горизонтальные отступы контента экрана.
По умолчанию: 16pt.
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Разделитель списка
# listSeparatorHeight
"listSeparatorHeight": 1
Толщина разделителя списка.
По умолчанию: 1dp.
| Android | iOS |
|---|---|
| ✔ | ✖ |
# listSeparatorMarginLeft
"listSeparatorMarginLeft": 0
Левый отступ разделителя списка.
По умолчанию: 0dp.
| Android | iOS |
|---|---|
| ✔ | ✖ |
# listSeparatorMarginRight
"listSeparatorMarginRight": 0
Правый отступ разделителя списка.
По умолчанию: 0dp.
| Android | iOS |
|---|---|
| ✔ | ✖ |
# Выравнивание
# screenHeaderAlignment
"screenHeaderAlignment": "center"
Выравнивание заголовков экрана.
По умолчанию: iOS — .center. Android — center (Поддерживаются значения: left, center, right).
| Android | iOS |
|---|---|
| ✔ | ✔ |
# sectionHeaderAlignment
"sectionHeaderAlignment": "natural"
Выравнивание заголовков разделов.
По умолчанию: iOS — .natural. Android — left (Поддерживаются значения: left, center, right).
| Android | iOS |
|---|---|
| ✔ | ✔ |
# Область просмотра
# viewportBorderWidth
"viewportBorderWidth": 8
Толщина границы области просмотра фотографии.
По умолчанию: 8dp.
| Android | iOS |
|---|---|
| ✔ | ✔ |