🚀 Пример реализации навигации в многомодульном приложении на Compose и Jetpack Navigation. Фичи изолированы друг от друга.

Рассматриваются разные решения:
👉 callback интерфейсы для навигации
👉 модуль для навигации (его и рассматривают не примере кода)

🔗 Ссылка без VPN

#compose #навигация #anroid

⚙️ Paper – интуитивный UI-билдер для Compose Multiplatform.

Paper позволяет проектировать UI в веб-среде и затем экспортировать всё в код.

Что делает Paper интересным?
👉 Готовые UI-компоненты: кнопки, карточки, переключатели, диалоги и многое другое.
👉 Визуальный редактор: меняйте цвета, размеры, тени и другие параметры прямо в браузере, а затем копируйте готовый код в проект.
👉 Поддержка Material 3 с возможностью кастомизации под любой стиль.
👉 Открытый код, который можно модифицировать под свои задачи.

Paper предоставляет бесплатный 30-дневный пробный период без ограничений, после чего стоимость составляет 100$ в год. Если не хотите платить, можно продолжать пользоваться, но экспорт кода будет ограничен.

💬 Кто уже тестировал? Насколько удобен редактор? Делитесь впечатлениями!

#compose #kmp #android

⚙️ Вышел Release Candidate Jetpack Compose 1.8.0

Только небольшие исправления по сравнению с предыдущей Beta, можно пробовать

Доступен BOM файл

implementation("androidx.compose:compose-bom-beta:2025.03.00")

#compose

📹 Кастомные лейауты в Jetpack Compose (42м)

В процессе написания компонентов дизайн-системы на Compose спикер столкнулся с нехваткой качественных материалов и скудностью документации по такой важной теме, как кастомные лейауты. Цель доклада — предоставить полноценный обзор средств для кастомизации лейаутов на Compose.

Александр разобрал механизм работы layout-фазы в Compose и рассказал о ее ограничениях. Как работают стандартные лейауты, а также какие возможности существуют для написания кастомных. Рассмотрел нюансы и хаки, о которых не написано в документации. Продемонстрировал все на примерах, включая компоненты дизайн-системы Авито.

Будет полезно всем разработчикам, пишущим UI на Jetpack Compose.

Скачать презентацию с сайта Mobius
📹 Также можно посмотреть в VK Video

#compose

🏝 Обновления Compose в Kotlin 2.1.20

Вышла новая версия Kotlin, а с ней и новый Compose Compiler, что влияет на работу Compose:

👉 Появилась поддержка аргемнтов по умолчанию для Composable функций

👉 open и abstract функции теперь могут быть restartable или skipped, при условии что будут использовать из классов, которые final или сама функция final

👉 Теперь по умолчанию на всех платформах компилятор включает информацию о месте в коде на основе которого был сгенерирован Compose код. (раньше было только на Android)

👉 ComposableSingletons убрали из публичного API

#kotlin #compose

⚙️ Вышла первая бета Compose Multiplatform 1.8.0

#compose #multiplatform #kotlin

⚙️ Вышел Jetpack Compose 1.8.0 RC2 с исправлениями ошибок

// Подключайте BOM для обновления до актуальных версиях
implementation("androidx.compose:compose-bom-beta:2025.03.01")

#compose #jetpack #android

Bottom Sheet починили! ⚪️

У нас в проектах уже давно нет зависимости от Material, так как используется своя дизайн-система. Это круто, но несёт одну главную проблему: ты перестаёшь следить за обновлениями в Material и исправлениями различных багов. До вчерашнего дня я был уверен, что Bottom Sheet в Material 3 всё ещё отвратительно работает и никакие проблемы там не исправили. Но оказалось, что это не так — все старые болячки там пофиксили 🤩

На видео можно заметить существенную разницу между старой и новой версией Bottom Sheet в Material 3.

P.S. Так что, видимо, надо начинать отдельный квест по копированию исходного кода этого компонента в нашу дизайн-систему 🙃

⚙️ Как работать с Custom Layout в Jetpack Compose (21м)

В этой статье вы найдете:
👉 как работают layout-ы в Compose;
👉 изменение layout-а отдельного компонента;
👉 создание кастомных Layout и LazyLayout;
👉 отложенную композицию.

Всё это на примерах, в том числе из дизайн-системы Авито.

#compose #android

⚙️ Как в RuStore сделали дизайн-систему для мобильных устройств и TV (16м)

Разработчик RuStore рассказывает про разработанной концепции дизайн системы.

Содержание статьи:
👉 Что такое дизайн-система
👉 Почем не подойдет готовое
👉 Архитектура дизайн системы RuStore
👉 Демо приложение для дизайн системы
👉 Реализация дизайн системы в коде на Compose

#compose #android #rustore #ui

⚙️ Вышла первая бета-версия Compose MP 1.8.0

Что нового:
🏝 Полный переход на компилятор K2
👉 Поддержка вариативных шрифтов
👉 Поддержка ARM64 для Windows в Compose Desktop

iOS
👉 Экспериментальная поддержка Drag-and-drop на iOS
👉 Улучшение доступности на iOS
👉 Экспериментальный рендеринг на фоновом потоке
👉 Поддержка жеста "Назад" в Jetpack Navigation в версии 2.9.0-alpha15 для iOS

Web
👉 Экспериментальная предзагрузка ресурсов: шрифтов и изображений для веб-таргета
👉 Kotlin/Wasm и Kotlin/JS теперь корректно работают с базовыми элементами управления в браузере

#compose

‼️ Compose Multiplatform 1.8.0 будет полностью работать только с Kotlin 2.1.0 и выше из-за перехода на K2 компилятор. Часть возможностей может быть недоступна на старых версиях языка, например работа с klib артефактами проекта с Compose MP

#kotlin #compose

🔨 Вышла вторая RC новой версии Android Studio - Meerkat Feature Drop 2024.3.2

#android #androidstudio

⚙️ Demeter — новый инструмент для анализа производительности Compose-приложений в Android

Demeter создан для тех, кто пишет на Compose и задается вопросом «почему всё лагает?» Библиотека, разработанная командой мобильной разработки Яндекса, уже лежит в опенсорсе.

Что умеет:
👉 Показывает частоту и причины рекомпозиций
👉 Помогает понять, где и почему UI перестраивается
👉 Показывает время выполнения методов прямо во время работы
👉 Считает время переходов между экранами
👉 Анализирует создание объектов и потоки выполнения

🛠 Всё это — без ручного обвешивания кода и пересборок. Demeter внедряется на этапе компиляции. Используются Kotlin Compiler Plugin (анализ Compose до компиляции) и модификация байткода (в том числе для сторонних библиотек).

Я попробовал — выглядит как must-have инструмент для любого, кто пилит что-то серьёзное на Compose

Подробнее на Хабре 🐱
Исходники на GitHub

#compose #инструменты #opensource