Compose Broadcast
5.42K subscribers
305 photos
84 videos
508 links
Все о Jetpack Compose и Compose Multiplatform

YouTubе канал: https://youtube.com/androidBroadcast
Android - @android_broadcast
iOS - @ios_broadcast
Kotlin - @kotlin_broadcast
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🎉 Compose Hot Reload уже скоро появится

Если вы не знали, то JetBrains во всю делает прототип решения и уже есть рабочее решение. Пока только для Desktop, но будем ждать лучше. В статье (EN,10м) происходит демонстрация возможностей и рассказывается про принципы работы.

Кажется, что Flutter останется без одного своего преимущества перед Compose

#compose #desktop
👍45🔥243
Чтобы ваш LazyColumn работал эффективно, используйте ключ для идентификации элемента в ячейки списка

val yourList: List<Item> = ...
LazyColumn {
items(items = yourList, key = { it.id }) { item ->
ItemUI(item)
}
}


Это позволит получить повышение скорости работы списка, лучшее сохранение состояния, а UI плавнее. Подробности в статье (EN,3м)

#compose #производительность
👍672
Руководство (EN,10М) по интеграция Navigation Rail для компактных экранов (смартфоны) и больших (планшеты, десктопы)

#compose
13🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Shimmer Animation in Jetpack Compose Without Recomposition (EN,5м)

Очень хорошая статья с демонстрацией как рабочие решения, взятые из интернета, стоит проверять через инструменты и оптимизировать. Замена передачи Brush как экземпляра на получение Brush через лямбду позволило повысить производительность!

#compose #оптимизация
🔥43👍14
Итоги 2024 года для 🔨 @compose_broadcast

Пора отдохнуть и набраться сил в эти новогодние праздники! Вся команда проекта уходит на каникулы. Увидимся с вами в 2025!
Please open Telegram to view this post
VIEW IN TELEGRAM
27🎉13👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Подробное руководство (17м) по реализации дискового телефона на Compose

#compose
👏34💯5🔥4👌2👍1
Статья от Google(EN,7м) по интеграции CameraX в Compose UI

Первая часть гайда в которой освещается настройка библиотеки и использование превью камеры. Интеграция других возможностей будет в следующих частях

#android #камера #jetpack #camerax #compose
👍23
Руководство(EN,7м) по интеграции Google AdMob в Compose Multiplatform на Android и iOS через common код. По итогу делают обертку над View из платформенной библиотеки

#compose #kmp #admob #android #ios
👍8
Довольно большой обзор(EN,19м) как работает плагин Kotlin компилятора Jetpack Compose для генерации кода Composable функций

#compose
26🔥8👍3
Open Source шаблон для нового KMP проекта для Android и iOS: Clean Arch, MVVM, Koin, Ktor, SqlDelight, Coil
👍41
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека для погружения пользовтаеля в UI приложения на Jetpack Compose

#compose #android
👍54💯3
Aspecto - компонент для расположения элементов UI по сетке для Compose Multiplatform под Android и iOS

Что умеет:
👉 Сохранять соотношение сторон элементов
👉 Умное распределение элементов
👉 Адаптивность к разным размерам экранов

#compose #android #ios
🔥43👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Пример реализации сворачивающегося текста на Compose. Жалко анимацию не добавили

#compose
🔥21👍4
Вышел Haze 1.2.0 разных зон эффектов, что позволяет сделать наложение как на картинке

Также произошло переименование API
👉 Modifier.haze -> Modifier.hazeSource
👉 Modifier.hazeChild -> Modifier.hazeEffect
👉 HazeChildScope -> HazeEffectScope

#compose #kmp
👍526🔥2
Composable Preview Scanner - библиотека для автоматической генерации кода скриншот тестов из Composable Preview на основе популярных библиотек: Paparazzi, Roborazzi, Shot, Dropshots, Android-Testify и др.

По заявление автора, обладает большими возможностями чем Showkase и Compose Preview Screenshot Testing (находится в разработке)

#compose #тестирование
18👍4
Как на Compose сделать (EN, 4м) красивый Edge-toEdge UI на всех версиях Android - используйте правильную настройку Activity и применяйте Modifier.windowInsetsPadding(WindowInsets.systemBars)

#compose #android #edgetoedge
👍23👌3
Composition Local - удобный механизм Compose, позволяющий передать значения всем вложенным Composable функциями и переопределять его. Если еще не успел с ним познакомиться - читайте статью (EN,10м) и официальную документацию

#compose
👍39
Forwarded from Why Android? 🌚
This media is not supported in your browser
VIEW IN TELEGRAM
Начиная с IntelliJ IDEA 2025.1 EAP можно запускать адекватное Compose Preview прямо из commonMain и без всяких костылей 🌚

youtrack
👍79🎉28🔥104
🔨 Разница между Compose Multiplatform и Jetpack Compose

На сайте JetBrains появилась страница с описанием различий между Compose Multiplatform от JetBrains и Jetpack Compose от Google.

Ключевые различия:
👉 Jetpack Compose фокусируется на Android, и не все компоненты доступны из общего (Kotlin common) кода в Compose Multiplatform.
👉 Compose Multiplatform включает множество платформенно-специфичных API: Desktop, Web, iOS. Эти API недоступны из общего кода.
👉 Некоторые библиотеки для Compose публикуются JetBrains с отдельными пакетами, чтобы добавить поддержку Compose Multiplatform.

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

#compose #cmp
Please open Telegram to view this post
VIEW IN TELEGRAM
👍283