我正在尝试在材质底部选项卡导航器的中间添加一个大按钮。
我使用的版本是6.2.17,
我知道使用 createBottomTabsNavigator 很容易做到,但我想坚持使用 createMaterialBottomTabsNavigator,因为它提供了所有动画,
每当我添加一个位于边缘顶部的按钮时,它就会使用 MaterialBottomTabs,因为它隐藏了溢出,所以我的问题是如何删除此溢出以显示中间按钮
替代解决方案是将按钮放置在选项卡导航器之外,并使用
absolute
位置将其放置在选项卡栏的顶部。像这样的东西:
<>
<View
style={{
position: 'absolute',
bottom: 20,
alignSelf: 'center',
zIndex: 1
}}>
<TouchableOpacity>
...
</TouchableOpacity>
</View>
<Tab.Navigator>
...
</Tab.Navigator>
</>
有关详细信息,请参阅绝对和相对布局。