如何从 React Navigation 5 更改标签栏图标之间的距离？

Question

So, here is what I currently have:

And I need distance between icons to be equal. That's what I'm unable to do using tabStyle prop like this:

tabStyle: {
    width: whatever
}

cause distance is not equal. How can I do so in React Navigation 5?

Answer 1

I assume you want the labels to be as wide as the content instead of stretching to available width. In that case, you need to set width to auto :

tabStyle: {
  width: 'auto'
}