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

Question

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

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

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

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

Answer 1

BottomNavigationItem是一个带有.weight(1f)的Box （带有1.0.0 源代码）。

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

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

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