增加所选底部导航项的大小
我已经使用 Jetpack Compose 实现了一个底部导航栏(5 个图标,标签仅在选择项目时显示)。根据 1 个要求,我需要增加所选底部导航项的宽度(不是项目的图标,而是整个项目)。
因此,不是所有底部导航项都具有相同的宽度:
我需要所选项目的大小是其他未选择项目的两倍,并且需要减少未选择项目的宽度:
关于如何在 Jetpack Compose 中实现这一目标的任何提示?我已经尝试使用 BottomNavigationItem Composable 上的修饰符来增加/减小底部导航项的大小,但这根本没有改变大小。
回答
的BottomNavigationItem是一个Box与.weight(1f)(源代码与1.0.0)。
要将所选项目的大小加倍,您可以应用以下内容:
BottomNavigationItem(
//..
modifier =
Modifier.then(Modifier.weight(
if (selectedItem == index) 2f else 1f
))
)
使用then修饰符以weight正确的顺序应用 double很重要。