我如何改变在MaterialTopTabNavigator标签的高度?

Question

目前的制表符被设置为固定的大小，在它们上面留下了大量的空白。

我希望能够调整制表符的高度。

我能在源代码中找到的唯一高度设置是图标的大小。

如何更改制表符的高度?

Answer 1

选项1:

tabBarStyle= { backgroundColor: 'powderblue', height: <SPECIFY HEIGHT> }

我想这应该行得通。

选项2:

tabBarContentContainerStyle= {height: <SPECIFY HEIGHT>}

您可以传递包含选项卡项的视图的样式对象。

选项3:

tabBar={() => return <></>}

你也可以使用参数tabBar为标签栏传递一个完全不同的元素。

Answer 2

您可以将样式传递给导航器，如本例中所示。

<Tab.Navigator
screenOptions={{
tabBarActiveTintColor: '#e91e63',
tabBarLabelStyle: { fontSize: 12 },
tabBarStyle: { backgroundColor: 'powderblue' },
}}