反应导航MaterialTopTabNavigator-指示器未遵循自定义选项卡栏的宽度

Question

我试图自定义标签栏的宽度。我成功地做到了，但是指示器仍在消耗屏幕的整个宽度。关于如何更改指示器宽度以跟随制表符宽度的任何想法吗？我知道我可以完全自定义标签栏，但是还有其他方法吗？

这是当前的行为。

这是我的配置

const PersonalInfoTabs = createMaterialTopTabNavigator(
  {
    PersonalData: {
      screen: PersonalData,
      navigationOptions: {
        title: 'A'
      }
    },
    AccountSet: {
      screen: AccountSet,
      navigationOptions: {
        title: 'B'
      }
    },
    ModifyPassword: {
      screen: ModifyPassword,
      navigationOptions: {
        title: 'C'
      }
    }
  },
  {
    tabBarOptions: {
      activeTintColor: 'black',
      inactiveTintColor: 'black',
      style: {
        backgroundColor: 'yellow',
        width: 300
      }
    }
  }
);

Answer 1

在documentation for React Navigation for React-Native中，您似乎还必须在Gizmos.DrawWireCube(transform.position, _boxScale); 字段中设置标签的样式：

tabStyle

感谢@ValdaXD指出100宽度。