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

Question

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

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

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

关于如何在 Jetpack Compose 中实现此目的的任何提示？我已经尝试 increasing/decreasing 使用 BottomNavigationItem 可组合项上的修饰符来调整底部导航项的大小，但这根本没有改变大小。

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。