Jetpack Compose быстрее View ?
Anonymous Poll
28%
Да
41%
Нет
13%
Одинаково
1%
Другой вариант (пиши в комментариях)
17%
Не участвую в опросе
❤5🤔4
Forwarded from Kotlin Adept Notes (Alex Panov)
Преимущества библиотеки:
#Compose #Snackbar #KMP
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥53👍15❤4🤯3
Обновляем BOM файл для тех кто не боится Beta
dependencies {
implementation(platform("androidx.compose:compose-bom-beta:2025.07.01")
}
#compose
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14
В репозитории Compose ведутся работы над тем, чтобы добавить API retain {}, которое в отличие от remember будет запоминать данные дольше (между входами и выходами в композиции, подобно как сохранение через ViewModel)
val user = retain { someData() }
@Composable
public inline fun <reified T> retain(
noinline calculation: @DisallowComposableCalls () -> T
): T
Больше подробностей в 📃 статье (EN,6м). Также доступна по 🔗 альтернативной ссылке
#compose
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯70👍15🔥5👏2
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51🤯13🤔7
Пример использования Scratchify
@Composable
fun BasicScratchCard() {
val controller = remember { ScratchifyController() }
Scratchify(
modifier = Modifier.size(300.dp, 200.dp),
config = ScratchifyConfig(),
controller = controller,
contentToReveal = {
Box(
modifier = Modifier
.fillMaxSize()
.background(Color(0xFFFFD700)),
contentAlignment = Alignment.Center
) {
Text("🎉 You Won! 🎉", style = MaterialTheme.typography.headlineMedium)
}
},
overlayContent = {
Box(
modifier = Modifier
.fillMaxSize()
.background(Color(0xFF8E24AA)),
contentAlignment = Alignment.Center
) {
Text("Scratch Here!", color = Color.White)
}
}
)
}
Telegram
Compose Broadcast
Пример использования Scratchify
@Composable
fun BasicScratchCard() {
val controller = remember { ScratchifyController() }
Scratchify(
modifier = Modifier.size(300.dp, 200.dp),
config = ScratchifyConfig(),
controller =…
@Composable
fun BasicScratchCard() {
val controller = remember { ScratchifyController() }
Scratchify(
modifier = Modifier.size(300.dp, 200.dp),
config = ScratchifyConfig(),
controller =…
❤14
This media is not supported in your browser
VIEW IN TELEGRAM
Причина - куча багов, которые не получалось решить, а также на Compose писать проще.
По итогу реализовали свой Layout, чтобы сделать иерархию плоской и было меньше рекомпозиций.
@Composable
fun FastPaymentButton(
fastPaymentState: FastPaymentState,
modifier: Modifier = Modifier,
thumbContent: @Composable BoxScope.() -> Unit = {},
background: @Composable () -> Unit = DefaultFastPaymentButtonBackground,
// Параметры будут добавляться по мере обогащения слайдера фичами
onClick: () -> Unit = {},
onSwiped: () -> Unit = {},
) {
// Content
}
#compose #android
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥49👍9
This media is not supported in your browser
VIEW IN TELEGRAM
23 августа | Только офлайн
💡 Это новый формат встреч мобильного сообщества — без докладов, но с практикой и обменом опытом с сообществом.
🔥 Вы сможете посоревноваться в AI-хакатоне, обсудить карьерный трек с экспертами Яндекса, прокачаться на воркшопах по MCP и ускорению и приложений и принять участие в дискуссии от Городских сервисов Яндекса про метрики, тестирование и BDU. А ещё можно будет отдохнуть в зоне общения и настолок от команды Поиска и посетить кастомный бар от Яндекс 360.
🤖 Пока ждете фест — можете воспользоваться ботом для мобильных разработчиков: @ya_runtime_bot
👉 Регистрируемся на фест тут.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍2🔥2🤔2
Composable функция чем-то схожа с тем как работает suspend функция, только указывается особенность не через ключевое слово языка, а аннотацию из библиотеки. При компиляции кода происходит трансформация объявленной функции в код, который будет способен отобразить что-то на экране и обновляться. Удивительный мир магии плагина компилятора.
После пребразования получаются разные Node, узлы где есть вызовы Composable функций, выстроенные в иерархию. Подробнее в статье⚙️ Что делается с Composable функцией, чтобы она работала в приложении (EN,5м) или по альтернативной ссылке
#compose
После пребразования получаются разные Node, узлы где есть вызовы Composable функций, выстроенные в иерархию. Подробнее в статье
#compose
Please open Telegram to view this post
VIEW IN TELEGRAM
Medium
LayoutNode: What Actually Happens When You Write @Composable
Text("Hello") creates a LayoutNode. So does Box(), Column(), and every other composable that produces layout. These nodes form a persistent…
👍30❤4
Также разрабатывают схожее API retain {}
Пример использования RetainedEffect:
@Composable
@NonRestartableComposable
public fun RetainedEffect(key1: Any?, effect: RetainedEffectScope.() -> RetainedEffectResult) {
retain(key1) { RetainedEffectImpl(effect) }
}
public class RetainedEffectScope {
public inline fun onRetired(crossinline onRetiredEffect: () -> Unit): RetainedEffectResult =
object : RetainedEffectResult {
override fun retire() {
onRetiredEffect()
}
}
}
Кажется, что Compose хочет избавится от ViewModel и напрямую работать с получением данных без ViewModel. Как вам такой подход?
#composable
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Compose Broadcast
⚙️ retain {} в Compose для сохранения данных между входами в композицию
В репозитории Compose ведутся работы над тем, чтобы добавить API retain {}, которое в отличие от remember будет запоминать данные дольше (между входами и выходами в композиции, подобно…
В репозитории Compose ведутся работы над тем, чтобы добавить API retain {}, которое в отличие от remember будет запоминать данные дольше (между входами и выходами в композиции, подобно…
🤔52🔥18🤯6👍5❤1
В следующей версии Jetpack Lifecycle добавили новую функцию, которая позволяет переопределить LifecycleOwner и задать максимальное состояние:
@Composable
fun LifecycleOwner(
maxLifecycle: State = RESUMED,
parentLifecycleOwner: LifecycleOwner = LocalLifecycleOwner.current,
content: @Composable () -> Unit,
)
💡 Зачем это нужно?
Идея пришла из поддержки адаптивного UI в Jetpack Navigation 3. Теперь можно строить интерфейсы, которые одинаково хорошо работают и на смартфонах, и на больших экранах.
📌 Пример: многопанельный UI, где одна панель отображается, а вторая — скрыта, потому что не влезла на экран. Логично, что их Lifecycle будет разным. Но раньше стандартный LifecycleOwner был жёстко привязан к Activity или Fragment, без учета реальной видимости конкретного UI-компонента.
А вы уже видите, где можно применить эту фичу в своем проекте? Делитесь идеями в комментариях 👇
#compose #adaptive #ui
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔27🔥9
Вышла следующая стабильная версия UI фреймворка для Android. Что нового:
👉 Появилась модификаторы для работы с тенями Modifier.dropShadow() и Modifier.innerShadow(). Уже существующий Modifier.shadow() рисует тень за объектом, а новые модификаторы добавят тень внутри.
👉 Более производительный способ отслеживать положения элементов на экране с помощью Modifier.onLayoutRectChanged()
👉 Добавили поддержку скролла в двух направлениях сразу (например как скролл карты или фото). Используйте Draggable2D и Scrollable2D API
👉 Улучшили работу скролла скролл при использованием VIew с Compose
👉 Добавили опцию для включения большего количества информации при анализе крешей в Compose
class App : Application() {
override fun onCreate() {
Composer.setDiagnosticStackTraceEnabled(BuildConfig.DEBUG)
}
}
👉 Аннотации
@Stable
, @Immutable
и @StableMarker
выделили в отдельный артефакт runtime-annotation
, чтобы можно было использовать их в модулях без Compose👉 Новые аннотации @RememberInComposition и @FrequentlyChangingValue (подробнее в отдельном посте)
Много улучшений в LazyLayout
👉 Стабилизация API для создания собственных Lazy компонентов
👉 Значительное ускорение производительности скролла Lazy List и Lazy Grid благодаря механизму предзагрузки (prefetch). Надо использовать LazyLayoutCacheWindow
@Composable
private fun LazyColumnCacheWindowDemo() {
val dpCacheWindow = LazyLayoutCacheWindow(ahead = 150.dp, behind = 100.dp)
val state = rememberLazyListState(cacheWindow = dpCacheWindow)
LazyColumn(state = state) {
items(count) { Text(text = "$it", fontSize = 80.sp) }
}
}
Конечно же новая версия Compose - это повышение скорости работы и исправление багов для более плавного UI
Обновляем BOM файл в зависимостях вашего проекта для получения свежей версии:
// build.gradle.kts
dependencies {
implementation(platform("androidx.compose:compose-bom:2025.08.00"))
}
#compose #android
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥52❤6👍2
Compose Broadcast pinned «⚙️ Вышел Jetpack Compose 1.9.0 Stable Вышла следующая стабильная версия UI фреймворка для Android. Что нового: 👉 Появилась модификаторы для работы с тенями Modifier.dropShadow() и Modifier.innerShadow(). Уже существующий Modifier.shadow() рисует тень за…»
В Compose 1.9 появились новые аннотации на основе которых будут работать Android Lint проверки:
📝 Когда использовать:
- Если API возвращает состояние или изменяемый объект, который нужно переиспользовать между composition.
- Если возвращается объект, чья идентичность важна (например, ключ для другой API).
- Если создание объекта дорого по ресурсам и нужно кешировать.
📝 Как избежать лишних перерисовок:
- Используйте derivedStateOf — фильтруйте изменения состояния, реагируя только на нужные.
- Используйте snapshotFlow + LaunchedEffect — работайте с изменениями без рекомпозиции.
- В UI-компонентах читайте значение на стадии measure / layout / draw, чтобы вызывать только инвалидацию нужной фазы, а не всю рекомпозицию.
- Делайте анализ работы вашего кода, например через Layout Inspector
Всем рекомендую озаботится аннотированием общего API Compose кода ваших проектов и регулярно запускать Android Lint, чтобы предотвратить ошибки, негативно влияющие на скорость работы UI
#compose #ui #производительность
Please open Telegram to view this post
VIEW IN TELEGRAM
👍35❤6
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤2👍1