我在我的应用程序中使用bottom-tab-navigator https://reactnavigation.org/docs/bottom-tab-navigator,我在这里以官方网站为例:在Snack上尝试这个示例,但在启动应用程序时它具有奇怪的高度视觉效果,你可以在这里看到: https ://www.youtube.com/watch?v=gxKUlkP0eJ4
我尝试将底部标签高度设置为 50,效果好一些,但仍有图标跳下效果(如果将高度设置为 150 则可见)
<Tab.Navigator
initialRouteName="Feed"
screenOptions={{
tabBarActiveTintColor: '#e91e63',
tabBarStyle:[
{
height:50
}
]
}}
如何解决这种奇怪的视觉效果?感谢任何帮助。