📱 Как в Додо переписали слайдер оплаты на Compose
Дима Максимов из Dodo Engineering рассказал, как команда переписала слайдер быстрой оплаты с MotionLayout на Compose. Старый компонент накопил 15+ багов: слайдеры появлялись с двух сторон, текст просвечивал, а скрыть элементы было почти невозможно. Новый функционал для закрытых кофеен и переливающегося фона добили старую систему окончательно.
Решение оказалось проще, чем казалось: создать кастомный Layout Composable вместо сложной структуры из стандартных контейнеров. Результат: контролируемые анимации, чистый код и возможность легко добавлять новые фичи. Плюс шиммер для подсказок и хаптик для тактильной обратной связи.
Внутри:
– Проблемы MotionLayout с видимостью и сложными сценами;
– Выбор между Compound Composable и Layout для слайдера;
– Создание каркаса с Thumb и Background компонентами;
– Настройка жестов через AnchoredDraggable и якоря;
– Измерение динамического контента по правилам дизайна;
– Анимации растягивающегося следа и надписей;
– Управление состояниями через внешний стейт;
– Добавление шиммера и тактильной обратной связи.
Статья больше техническая, но довольно интересная. Внутренняя кухня разработки мастхев) Особенно, когда дело касается мелочей в виде слайдера, а проблем тоже хватает 👀
Так что ваш слайдер в фигме за 2 минутки в макетах превращается в кучу кода для разработки))
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
