React Native TabNavigator 根据文本改变 TabStyle

Question

我正在使用 expo v27.0，响应本机 0.55，正如您在图片中看到的那样，选项卡具有固定的宽度，例如选项卡导航中的默认宽度，并且文本换行为三行，我希望文本为在 1 行和 nowrap 中，我尝试过 TabStyle 中的样式 (flexWrap: 'nowrap', flex: 1)，TabBarOptions 中的 LabelStyle，但仍然无法根据选项卡内的文本使选项卡具有宽度。

我使用 fetch 从 json 动态填充选项卡的文本，因此所有选项卡将根据文本具有不同的宽度。如何使选项卡跟随文本的宽度？

非常欢迎所有答案。先感谢您。

Answer 1

解决了，原来只需要将宽度设置为 auto 如下：

tabBarOptions: {
    tabStyle: {
        width: 'auto'
    }
}