Jetpack Compose：顶部应用栏滚动行为无法改变状态栏颜色

问题原因 #

你手动在Theme的SideEffect中固定了状态栏颜色为surface，且pinnedScrollBehavior本身不会自动同步状态栏颜色；加上开启了WindowCompat.setDecorFitsSystemWindows(window, false)，系统不再自动关联AppBar与状态栏的颜色联动。

两种可行解决方案 #

方案一：状态栏透明+AppBar延伸至状态栏（推荐）

这种方式符合Material Design规范，让AppBar与状态栏视觉一体化，滚动时AppBar颜色变化会直接同步到状态栏区域。

1. 修改Theme中的状态栏颜色为透明

if (!view.isInEditMode) {
    SideEffect {
        (view.context as Activity).window.statusBarColor = Color.TRANSPARENT.toArgb()
        ViewCompat.getWindowInsetsController(view)?.isAppearanceLightStatusBars = !darkTheme
    }
}

2. 给TopAppBar添加状态栏内边距，避免内容被状态栏遮挡
   如果你的StandardTopAppBar是CenterAlignedTopAppBar的包装，给它的Modifier添加状态栏内边距：

StandardTopAppBar(
    title = "Home",
    scrollBehavior = scrollBehavior,
    modifier = Modifier.windowInsetsPadding(WindowInsets.statusBars)
)

此时AppBar的背景会延伸到状态栏下方，滚动时AppBar的颜色变化会直接体现在状态栏区域，无需额外监听逻辑。

方案二：手动监听滚动状态动态修改状态栏颜色

适合需要单独控制状态栏颜色的场景，通过监听scrollBehavior的滚动偏移量，同步更新状态栏颜色。

val scrollBehavior = TopAppBarDefaults.pinnedScrollBehavior(rememberTopAppBarState())
val context = LocalContext.current
val colorScheme = LocalColorScheme.current
val darkTheme = isSystemInDarkTheme()

// 监听滚动偏移变化，动态更新状态栏颜色
LaunchedEffect(scrollBehavior.state.offset) {
    val activity = context as Activity
    // 根据滚动偏移计算当前AppBar对应的颜色（需匹配你实际的AppBar颜色过渡逻辑）
    val targetColor = if (scrollBehavior.state.offset > 0) {
        // 从surface到primary的过渡，按偏移比例计算
        Color.lerp(colorScheme.surface, colorScheme.primary, scrollBehavior.state.offset / scrollBehavior.state.height)
    } else {
        colorScheme.surface
    }
    activity.window.statusBarColor = targetColor.toArgb()
    ViewCompat.getWindowInsetsController(activity.window.decorView)?.isAppearanceLightStatusBars = !darkTheme
}

// 原Scaffold代码不变
Scaffold(
    Modifier.nestedScroll(scrollBehavior.nestedScrollConnection),
    topBar = {
        StandardTopAppBar("Home", scrollBehavior = scrollBehavior)
    }
){ ... }

方案对比 #

• 方案一：实现简单，视觉统一，符合Material Design设计思路，无需额外滚动监听
• 方案二：灵活性高，可自定义状态栏与AppBar的颜色关联逻辑，但需要手动处理颜色过渡计算

内容的提问来源于stack exchange，提问作者Nathan