Как скрыть заголовок при прокрутке в котлине ⇐ Android

[Anonymous]

У меня есть заголовок, который в основном представляет собой округлый прямоугольник с некоторым текстом и двумя кнопками и фоновым изображением за прямоугольником, который простирается до самого верхнего. Я хочу, чтобы заголовок исчезал, когда пользователь прокручивается вниз и появляется при прокрутке. Но заголовок обновляется с каждым изменением вкладки. Я тоже попытался изменить заголовок на отдельный файл.
Заранее спасибо.@Composable
fun MyApp() {
val tabs = listOf("Home", "Contact")
var selectedTab by remember { mutableStateOf(0) }
var headerVisible by remember { mutableStateOf(true) } // Control header visibility

val animatedAlpha by animateFloatAsState(if (headerVisible) 1f else 0f)

Column {
// Moved Header to a Separate Function (Prevents Refresh)
if (animatedAlpha > 0f) {
Header()
}

// Tabs
TabRow(
selectedTabIndex = selectedTab,
backgroundColor = Color.White, // Background color of TabRow
modifier = Modifier
.fillMaxWidth()
.offset(y = 0.dp) // Keeps it in place
.zIndex(1f) // Ensures tabs stay above other components if needed
) {
tabs.forEachIndexed { index, title ->
Tab(
selected = selectedTab == index,
onClick = { selectedTab = index },
selectedContentColor = Color(0xff1f68da), // Color when selected
unselectedContentColor = Color.Gray, // Color when not selected
text = {
Text(
text = title,
fontFamily = customFontFamily,
fontWeight = FontWeight.Normal,
color = if (selectedTab == index) Color(0xff1f68da) else Color.Gray
)
}
)
}
}

// WebView Content Based on Selected Tab
when (selectedTab) {
0 -> HomeView { scrollDiff -> headerVisible = scrollDiff ContactView { scrollDiff -> headerVisible = scrollDiff Unit) {
WebViewPage(url = "https://www.google.com”, onScroll = onScroll)
}



Подробнее здесь: https://stackoverflow.com/questions/795 ... -in-kotlin