如何控制Android Material3 NavigationBar指示器的显示与隐藏？

针对你遇到的Material3导航栏指示器默认通过alpha动画控制显示隐藏、无法自定义透明度的问题，提供以下几种实用实现方式：

1. 自定义指示器透明度，保留默认显示隐藏动画 #

如果想让指示器拥有固定的自定义透明度，同时保留选中/未选中时的淡入淡出过渡动画，可以将动画进度与自定义透明度相乘：

// 设置你想要的固定透明度，比如0.6f
val customIndicatorAlpha = 0.6f

val animationProgress: Float by animateFloatAsState(
    targetValue = if (selected) 1f else 0f,
    animationSpec = tween(ItemAnimationDurationMillis)
)

val indicator = @Composable {
    Box(
        Modifier.layoutId(IndicatorLayoutIdTag)
            .background(
                color = colors.indicatorColor.copy(alpha = animationProgress * customIndicatorAlpha),
                shape = NavigationBarTokens.ActiveIndicatorShape.toShape(),
            )
    )
}

修改后，指示器会在动画过程中从0过渡到你设置的customIndicatorAlpha，既保留原有动画逻辑，又实现了自定义透明度。

2. 手动控制指示器的显示与隐藏 #

如果不想依赖selected状态控制显示隐藏，而是自主维护开关逻辑，可以修改animationProgress的目标值来源：

// 自主维护指示器显示状态，可从ViewModel或本地状态获取
val showIndicator by remember { mutableStateOf(true) }

val animationProgress: Float by animateFloatAsState(
    targetValue = if (showIndicator) 1f else 0f,
    animationSpec = tween(ItemAnimationDurationMillis)
)

val indicator = @Composable {
    Box(
        Modifier.layoutId(IndicatorLayoutIdTag)
            .background(
                color = colors.indicatorColor.copy(alpha = animationProgress),
                shape = NavigationBarTokens.ActiveIndicatorShape.toShape(),
            )
    )
}

后续只需修改showIndicator的值，就能控制指示器的淡入淡出显示/隐藏，也可以结合第一种方式给颜色设置固定透明度。

3. 固定透明度，用Visibility控制显示隐藏 #

如果想让指示器显示时保持固定透明度，隐藏时直接消失（无过渡动画），可以使用Modifier.visibility：

val showIndicator by remember { mutableStateOf(true) }
// 设置固定的指示器透明度
val fixedAlpha = 0.7f

val indicator = @Composable {
    Box(
        Modifier.layoutId(IndicatorLayoutIdTag)
            .visibility(if (showIndicator) Visibility.Visible else Visibility.Gone)
            .background(
                color = colors.indicatorColor.copy(alpha = fixedAlpha),
                shape = NavigationBarTokens.ActiveIndicatorShape.toShape(),
            )
    )
}

这种方式无动画效果，适合不需要过渡的场景。

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