React-navigation variable tab width

问题:

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.

回答1:

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>
},