#UI #Modifier #Compose

🎨 С приходом Compose 1.9 была добавлена ещё одна долгожданная фича, о которой давно просили: возможность надёжно отслеживать, виден ли элемент на экране и получать уведомления о смене видимости.

Встречаем два новых модификатора:

Modifier.onFirstVisible()

и

Modifier.onVisibilityChanged()

Пример использования (автоматическое воспроизведение/пауза видео):

@Composable
fun VideoFeed(feedData: List<Video>) {
    LazyColumn {
        items(feedData) { video ->
            VideoRow(
                video,
                Modifier.onVisibilityChanged { visible ->
                    if (visible) video.play() else video.pause()
                },
            )
        }
    }
}

🤖 Больше примеров с новыми модификаторами

🎨 Mobile Compose 💬 Чат канала
♾

Если вы iOS-разработчик, но всегда хотели прикоснуться к богоподобному Android — эта новость для вас:

🤖 Команда разработки Swift объявила о создании рабочей группы по Android, основная цель которой — добавить официальную поддержку Android для разработки на языке Swift.

Пока это всё выглядит как "наш ответ Чемберлену" на KMP + Compose. Что из этого выйдет — поглядим.

#android #ios #news

#Release #Compose #Changelog

😇 Релиз Compose библиотек (от 02.07.2025)

🔵 Animation 1.9.0-beta02
🔵 Foundation 1.9.0-beta02
🔵 Material 1.9.0-beta02
🔵 Runtime 1.9.0-beta02
🔵 UI 1.9.0-beta02

▫️Material 3 1.4.0-alpha17
▫️Material3 Adaptive 1.2.0-alpha08
▫️Navigation3 1.0.0-alpha05
▫️NavigationEvent 1.0.0-alpha04
▫️Lifecycle ViewModel Navigation3 1.0.0-alpha03
▫️Wear Compose 1.5.0-beta05

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
♾

Как встроить SwiftUI в Compose Multiplatform

Обычно я стараюсь избегать использования кастомных CompositionLocal в Compose, так как это добавляет неявные зависимости, и если не предоставить значение, приложение упадёт в рантайме. Я придерживаюсь подхода, в котором CompositionLocal можно использовать только тогда, когда значение действительно может быть полезно любой Composable-функции в дереве. Яркий пример — тема приложения.

И при работе с Compose Multiplatform я подсмотрел классное применение этого механизма для встраивания SwiftUI вьюшек в Composable функции.

1. В сорсете iosMain создаём CompositionLocal и интерфейс NativeViewFactory.
2. На стороне Swift реализуем этот интерфейс и передаём его в функцию создания UIViewController.
3. В этой функции пробрасываем фабрику через CompositionLocalProvider.
4. Далее в любом месте поддерева в iosMain можно получить доступ к этой нативной вьюшке.

🌐 Посмотреть пример приложения для сканирования QR-кодов с этим подходом можно в репозитории, который я подготовил для лекции в онлайн-университете.

#Compose #SwiftUI

#Video #Foundation #Compose

😇 Embedded Layout Inspector | Jetpack Compose Tips

В Android Studio появился Embedded Layout Inspector — новый способ дебага UI на Jetpack Compose прямо в среде разработки. Быстро, наглядно и без лишних окон.

В этом видео рассказывается:
▫️ как открыть инспектор
▫️ как пользоваться деревом компонентов и панелью атрибутов
▫️ и зачем нужен Deep Inspect

📺 Смотреть видео

🎨 Mobile Compose 💬 Чат канала
♾️

#Video #KotlinConf #Compose

🏝 Creative UIs with Compose | Chris Horner

Пока мобильные интерфейсы становятся всё более одинаковыми, видеоигры продолжают вдохновлять на креатив.

Автор доклада показывает, как с помощью Jetpack Compose воссоздать сложный UI из игры Persona 5 — с кастомными формами, анимациями и нестандартными элементами в LazyColumn/LazyRow.

Без Material Design, смс и регистраций.

📺 Смотреть видео

🎨 Mobile Compose 💬 Чат канала
♾️

#Release #Compose #Changelog

😇 Релиз Compose библиотек (30.07.2025)

🔵 Animation 1.9.0-rc01
🔵 Foundation 1.9.0-rc01
🔵 Material 1.9.0-rc01
🔵 Runtime 1.9.0-rc01
🔵 UI 1.9.0-rc01

▫️Material 3 1.4.0-beta01 / 1.5.0-alpha01
▫️Material3 Adaptive 1.2.0-alpha10
▫️Navigation3 1.0.0-alpha06
▫️NavigationEvent 1.0.0-alpha05
▫️Lifecycle ViewModel Navigation3 1.0.0-alpha04
▫️Wear Compose 1.5.0-rc01

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
♾

#Video #Conf #Compose

😀 Алексей Тюрин — Тестирование Compose по-новому: простота, надежность, гибкость

Тестирование Compose-приложений, будь то Android или Multiplatform, часто связано с нестабильными тестами, избыточным кодом и сложностью поддержки.

В докладе рассматриваются практические способы решения этих проблем: рекомендации Google, сравнение популярных инструментов и разбор реальных кейсов.

📺 Смотреть видео

🎨 Mobile Compose 💬 Чат канала
♾

#Release #Compose #Changelog

😇 Релиз Compose библиотек (13.08.2025)

🔵 Animation 1.9.0 / 1.10.0-alpha01
🔵 Foundation 1.9.0 / 1.10.0-alpha01
🔵 Material 1.9.0 / 1.10.0-alpha01
🔵 Runtime 1.9.0 / 1.10.0-alpha01
🔵 UI 1.9.0 / 1.10.0-alpha01

▫️Material 3 1.4.0-beta02 / 1.5.0-alpha02
▫️Material3 Adaptive 1.2.0-alpha11
▫️Navigation3 1.0.0-alpha07
▫️NavigationEvent 1.0.0-alpha06
▫️Wear Compose 1.5.0-rc02
▫️XR Compose 1.0.0-alpha06

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
♾

#Release #Compose #Changelog

😇 Релиз Compose библиотек (27.08.2025)

🔵 Animation 1.10.0-alpha02
🔵 Foundation 1.10.0-alpha02
🔵 Material 1.10.0-alpha02
🔵 Runtime 1.10.0-alpha02
🔵 UI 1.10.0-alpha02

▫️Material 3 1.4.0-beta03 / 1.5.0-alpha03
▫️Material3 Adaptive 1.2.0-beta01
▫️Material3 Adaptive Navigation3 1.0.0-alpha01
▫️Navigation3 1.0.0-alpha08
▫️NavigationEvent 1.0.0-alpha07
▫️Wear Compose 1.5.0
▫️XR Material3 Compose 1.0.0-alpha11

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
♾

#Article #Habr #Navigation #Compose

🎨 Compose + Koin + Jetpack Navigation: что мы поняли за 2 года

Статья от ребят из WB про их опыт внедрения Jetpack Compose, адаптацию архитектуры и то, к чему всё это привело спустя 2 года разработки.

📖 Читать статью

🎨 Mobile Compose 💬 Чат канала
♾

#Release #Compose #Changelog

😇 Релиз Compose библиотек (10.09.2025)

🔵 Animation 1.9.1 / 1.10.0-alpha03
🔵 Foundation 1.9.1 / 1.10.0-alpha03
🔵 Material 1.9.1 / 1.10.0-alpha03
🔵 Runtime 1.9.1 / 1.10.0-alpha03
🔵 UI 1.9.1 / 1.10.0-alpha03

▫️Material 3 1.4.0-rc01 / 1.5.0-alpha04
▫️Material3 Adaptive 1.2.0-beta02
▫️Material3 Adaptive Navigation3 1.0.0-alpha02
▫️Navigation3 1.0.0-alpha09
▫️NavigationEvent 1.0.0-alpha08
▫️Wear Compose 1.5.1 / 1.6.0-alpha01

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
♾

#Video #UI #Compose

😇 Shadows In Compose | Jetpack Compose Tips

Новое видео от Google о различных способах работы с тенями в Compose. Недавно я рассказывал о нововведениях начиная с версии 1.9. В видео вы найдете еще больше примеров и подробностей на эту тему.

📺 Смотреть видео

🎨 Mobile Compose 💬 Чат канала
♾️

#Release #Compose #Changelog

😇 Релиз Compose библиотек (24.09.2025)

🔵 Animation 1.9.2 / 1.10.0-alpha04
🔵 Foundation 1.9.2 / 1.10.0-alpha04
🔵 Material 1.9.2 / 1.10.0-alpha04
🔵 Runtime 1.9.2 / 1.10.0-alpha04
🔵 UI 1.9.2 / 1.10.0-alpha04

▫️Material 3 1.4.0
▫️Material3 Adaptive 1.2.0-beta03
▫️Material3 Adaptive Navigation3 1.0.0-alpha03
▫️Navigation3 1.0.0-alpha10
▫️NavigationEvent 1.0.0-alpha09
▫️Wear Compose 1.5.2 / 1.6.0-alpha02
▫XR Compose 1.0.0-alpha07

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
♾

🎨 Очередной вариант использования новых теней.

Нашел еще один пример неплохой реализации неоморфического дизайна в Compose.
Причем здесь это всё достигается только при помощи dropShadow и innerShadow.

😼 Пример кода на Github

🎨 Mobile Compose 💬 Чат канала
♾

#Release #Compose #Changelog

😇 Релиз Compose библиотек (08.10.2025)

🔵 Animation 1.9.3 / 1.10.0-alpha05
🔵 Foundation 1.9.3 / 1.10.0-alpha05
🔵 Material 1.9.3 / 1.10.0-alpha05
🔵 Runtime 1.9.3 / 1.10.0-alpha05
🔵 UI 1.9.3 / 1.10.0-alpha05

▫️Material 3 1.5.0-alpha06
▫️Material3 Adaptive 1.2.0-rc01 / 1.3.0-alpha01
▫️Material3 Adaptive Navigation3 1.0.0-alpha03
▫️Navigation3 1.0.0-alpha11
▫️NavigationEvent 1.0.0-beta01
▫️Wear Compose 1.5.3 / 1.6.0-alpha03

🎨 Список всех изменений

🎨 Mobile Compose 💬 Чат канала
♾