Where can I set variable tab width rather than fixed in React navigation?
Currently all tabs are same width, need to wrap it to text width.
You can use the tabBarLabel option in the navigationOptions. Using the style property on a Text element you can then set the width.
navigationOptions: {
tabBarLabel: <Text style={{ textAlign: 'center', width: 200 }}>Long Tab Title</Text>
},
来源：https://stackoverflow.com/questions/48616248/react-navigation-variable-tab-width