反应导航变量选项卡宽度

Question

在哪里可以设置变量标签宽度而不是在React导航中固定？

目前所有标签宽度相同，需要将其换行为文字宽度。

Answer 1

您可以使用navigationOptions中的tabBarLabel选项。使用Text元素上的style属性，您可以设置宽度。

navigationOptions: {
  tabBarLabel: <Text style={{ textAlign: 'center', width: 200 }}>Long Tab Title</Text>
},