IssueTracker

Jetpack Compose version: 1.8.0-alpha04 (M3: 1.4.0-alpha02)

Material Library Version (M2, M3 or Both?): M3

Material Compose component used: PullToRefreshBox

Android Studio Build: 2024.2.1 Patch 1

Kotlin version: 2.0.0

Using the PullToRefresh breaks the change of the color of TopAppBar. Before the first use of PullToRefresh, the color changes as it should, but after the first use - remains unchanged when scrolling.

Sample code and screencast:

@Composable
@Preview
@OptIn(ExperimentalMaterial3Api::class)
fun PullToRefreshSample() {
    val appBarScrollBehavior = TopAppBarDefaults.pinnedScrollBehavior()

    var itemCount by remember { mutableIntStateOf(150) }
    var isRefreshing by remember { mutableStateOf(false) }
    val state = rememberPullToRefreshState()
    val coroutineScope = rememberCoroutineScope()
    val onRefresh: () -> Unit = {
        isRefreshing = true
        coroutineScope.launch {
            delay(5000)
            itemCount += 5
            isRefreshing = false
        }
    }

    Scaffold(
        modifier = Modifier
            .fillMaxSize()
            .nestedScroll(appBarScrollBehavior.nestedScrollConnection),
        topBar = {
            TopAppBar(
                title = { Text("PullToRefreshSample") },
                scrollBehavior = appBarScrollBehavior,
            )
        }
    ) {
        PullToRefreshBox(
            modifier = Modifier.padding(it),
            state = state,
            isRefreshing = isRefreshing,
            onRefresh = onRefresh,
        ) {
            LazyColumn(Modifier.fillMaxSize()) {
                items(itemCount) { ListItem({ Text(text = "Item ${itemCount - it}") }) }
            }
        }
    }
}