增加所选底部导航项的大小

Question

我已经使用 Jetpack Compose 实现了一个底部导航栏（5 个图标，标签仅在选择项目时显示）。根据 1 个要求，我需要增加所选底部导航项的宽度（不是项目的图标，而是整个项目）。

所以不是所有底部导航项都具有相同的宽度：

我需要选中的项目的大小是其他未选中的项目的两倍，并且需要减小未选中的项目的宽度：

关于如何在 Jetpack Compose 中实现这一目标的任何提示？我已经尝试使用 BottomNavigationItem Composable 上的修饰符来增加/减小底部导航项的大小，但这根本没有改变大小。

Answer 1

BottomNavigationItem 是带有 Box 的 .weight(1f)（source code 带有 1.0.0）。

要将所选项目的大小加倍，您可以应用以下内容：

        BottomNavigationItem(
            //..
            modifier =
                Modifier.then(Modifier.weight(
                    if (selectedItem == index) 2f else 1f
                ))
        )

使用 then 修饰符以正确的顺序应用双 weight 很重要。