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

Question

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

androidkotlinandroid-jetpack-composeandroid-navigation

4

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

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

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

有什么提示可以帮助我在Jetpack Compose中实现这个？我已经尝试使用BottomNavigationItem Composable上的修饰符增加/减少底部导航项的大小，但这并没有改变大小。

- susosaurus

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gabriele Mariotti · Accepted Answer

BottomNavigationItem是一个带有.weight(1f)属性的Box (源代码版本为1.0.0)。

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

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

使用then修饰符按正确的顺序应用双倍weight非常重要。