You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除Material3 NavigationBar项的选中指示器?

如何禁用Material3 NavigationBar的选中指示器?

仅设置indicatorColor为透明无法彻底隐藏选中指示器,因为Material3的NavigationBarItem默认指示器即使透明也会占据布局空间。直接禁用指示器元素即可解决问题:

修改你的NavigationBarItem代码,添加indicator = null参数:

NavigationBarItem(
  selected = selected,
  onClick = { onItemClick(item) },
  colors = NavigationBarItemDefaults.colors(indicatorColor = Color.Transparent),
  indicator = null, // 关键:彻底移除选中指示器
  icon = {
     NavigationItem(selected, item)
   }
)

当前效果

当前效果

期望效果

期望效果

设置indicator = null后,选中项将不再显示任何指示器,完全符合你的需求。

内容的提问来源于stack exchange,提问作者deja

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.14 10:22:06