// Пример использования FloatingTabBar
val scrollConnection = rememberFloatingTabBarScrollConnection()
var selectedTabKey by remember { mutableStateOf("home") }
Box(modifier = Modifier.fillMaxSize()) {
LazyColumn(
modifier = Modifier
.fillMaxSize()
.nestedScroll(scrollConnection)
) {
ScrollableContent()
}
FloatingTabBar(
selectedTabKey = selectedTabKey,
scrollConnection = scrollConnection,
modifier = Modifier
.align(Alignment.BottomCenter)
.padding(horizontal = 16.dp)
) {
tab(
key = "home",
title = { Text("Home") },
icon = { Icon(Icons.Default.Home, contentDescription = null) },
onClick = { selectedTabKey = "home" }
)
tab(
key = "profile",
title = { Text("Profile") },
icon = { Icon(Icons.Default.Person, contentDescription = null) },
onClick = { selectedTabKey = "profile" }
)
standaloneTab(
key = "search",
icon = { Icon(Icons.Default.Search, contentDescription = null) },
onClick = { selectedTabKey = "search" }
)
}
}
Forwarded from Android Broadcast
Media is too big
VIEW IN TELEGRAM
Месяц назад Google анонсировала навигацию специально разработанную под Compose и которая должна решить все боли. В видео показываю её возможности, делюсь своим мнение и рассказываю про недочеты, которые надеюсь что решат до стабильного релиза
#AndroidBroadcast #navigation #jetpack #compose
Please open Telegram to view this post
VIEW IN TELEGRAM
Ждем скорого стабильного релиза и можно будет разбирать
#compose #kmp
Please open Telegram to view this post
VIEW IN TELEGRAM
В Compose 1.9.0 появляется новое внутреннее API - PausableComposition. Оно позволит:
👉 Инкрементальная рекомпозиция: Подготовка UI, разбивая работу на части
👉 Прогрев UI: Делать подготовку UI асинхронно, до того как она кажется на экране
Обещают хорошее улучшение для LazyColumn и LazyRow
#compose #performance
Please open Telegram to view this post
VIEW IN TELEGRAM
Jetpack Compose быстрее View ?
Anonymous Poll
28%
Да
41%
Нет
13%
Одинаково
1%
Другой вариант (пиши в комментариях)
17%
Не участвую в опросе
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
Please open Telegram to view this post
VIEW IN TELEGRAM
Обновляем BOM файл для тех кто не боится Beta
dependencies {
implementation(platform("androidx.compose:compose-bom-beta:2025.07.01")
}#compose
Please open Telegram to view this post
VIEW IN TELEGRAM
В репозитории 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Пример использования 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 =…
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
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
Featured in Kotlin Weekly Issue #471, jetc.dev Newsletter Issue #277
Также разрабатывают схожее 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 будет запоминать данные дольше (между входами и выходами в композиции, подобно…
В следующей версии 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
Вышла следующая стабильная версия 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
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
Please open Telegram to view this post
VIEW IN TELEGRAM