如何从材质底部选项卡导航器中删除溢出，反应原生

Question

我正在尝试在材质底部选项卡导航器的中间添加一个大按钮。

我使用的版本是6.2.17，

我知道使用 createBottomTabsNavigator 很容易做到，但我想坚持使用 createMaterialBottomTabsNavigator，因为它提供了所有动画，

每当我添加一个位于边缘顶部的按钮时，它就会使用 MaterialBottomTabs，因为它隐藏了溢出，所以我的问题是如何删除此溢出以显示中间按钮

Answer 1

替代解决方案是将按钮放置在选项卡导航器之外，并使用

absolute

位置将其放置在选项卡栏的顶部。像这样的东西：

<>
  <View
    style={{
      position: 'absolute',
      bottom: 20,
      alignSelf: 'center',
      zIndex: 1
    }}>
    <TouchableOpacity>
      ...
    </TouchableOpacity>
  </View>
  <Tab.Navigator>
...
  </Tab.Navigator>
</>

有关详细信息，请参阅绝对和相对布局。