React Native tabBarItemStyle宽度不工作

Question

我一直在做一个底部标签导航器，并尝试使标签栏项目在图标周围被选中时用圆圈形状突出显示。我试图在tabBarItemStyle内设置高度和宽度，然而，只有高度改变，而宽度不改变。我还错过了什么吗?如何设置宽度，使突出显示的部分呈圆形?下面是我正在制作的标签栏的演示。https://snack.expo.dev/qLi7s9qAA

Answer 1

这个问题是因为宽度值被容器的flexbox属性覆盖了。

一个快速简单的修复是使用maxWidth属性代替tabBarItemStyle属性中的width。

这里有一篇很好的文章:https://mastery.games/post/the-difference-between-width-and-flex-basis/对此进行了解释。