Немного теории 🤓

У ОС Android есть гайдлайн, описывающий правила построения интерфейсов приложений, чтобы они выглядели и работали схожим образом — от этого создаётся ощущение консистентности и предсказуемости интерфейса.

У нашего приложения тоже есть свои принципы, на которых оно построено: в 2ГИС используется кросс-платформенная дизайн-система, которая помогает нам сэкономить время при разработке макетов и сохранить консистентный вид продукта на всех устройствах.

На стыке гайдлайнов и нашей дизайн-системы иногда возникают шероховатости: бывает, что мы используем нетипичные для Android решения, поэтому чувство нативности приложения от этого страдает. Однако есть простые инструменты, которыми можно добавить приложению нативности без ущерба дизайн-системе.

И чтобы не путаться с терминологией, поясним, где что находится. Навбар — это панель навигации в самом низу экрана.

Недоработка, которую видели

Наша аудитория часто обращала внимание на чёрный навбар, хотя по гайдлайнам он должен был быть в цвет приложения. Это ощущение ненативности и противоречия дизайн-системе возникало само — просто чувствуешь, даже если не разбираешься в нюансах мобильной разработки.

Раньше до навбара просто не доходили руки: иногда не хватало ресурсов, а иногда — внимания продуктовой команды. Про это пользователи активно нам фидбэчили (поэтому не забывайте нам писать — мы всё читаем и иногда даже роняем слёзки).

Раздаём долги

Но наконец мы начали борьбу с этой досадной недоработкой и научили навбары окрашиваться в цвет страницы, на которой они сейчас находятся. Это работает для Android версии 11 и выше.

Навбар адаптируется под ночную тему, поэтому в любое время суток и в любой теме глазу будет приятно. Посмотрите что у нас получилось:

Конечно, это только начало работы, впереди нас ждёт прозрачная подложка под home indicator для Android 15+, прозрачный статусбар и работа над горизонтальной ориентацией, чтобы на месте выреза под камеру не появлялась досадная чёрная подложка.