我创建了一个底部标签栏并添加了 3 个标签。在那之后,我添加了所有图标,但只有两个出现在屏幕上。我对每个屏幕都做了同样的事情,但它不起作用。我该如何修复出现的错误?
const Tabs = (createBottomTabNavigator({
Transaction:{
screen : Transaction,
navigationOptions:{
tabBarLabel: 'Transaction',
tabBarIcon: () => (
<Icon name="exchange" color={'white'} size={25} type='font-awesome' />
)
}
},
Home: {
screen: Home,
navigationOptions: {
tabBarLabel: 'Home',
tabBarIcon: () => (
<Icon name="home" color={'white'} size={25} type='font-awesome' />
)
}
},
Receive: {
screen: Receive,
navigationOptions: {
tabBarLabel: 'Receive',
tabBarIcon: () => {
<Icon name='bookmark' color={'white'} size={25} type='font-awesome' />
}
}
}
},
{
initialRouteName: "Home",
tabBarOptions: {
activeBackgroundColor: '#202349',
inactiveBackgroundColor: '#090a0f',
style: {
backgroundColor: '#090a0f',
},
indicatorStyle: {
backgroundColor: '#000',
},
},
}));```
您的 Receive 选项卡定义看起来与其他选项略有不同,请尝试使用:
Receive: {
screen: Receive,
navigationOptions: {
tabBarLabel: 'Receive',
tabBarIcon: () => (
<Icon name="bookmark" color={'white'} size={25} type='font-awesome' />
)
}
}
说明:在您的原始代码中,您没有在 tabBarIcon 函数中返回 Icon (对于第三个图标)。
否则(如果这不能解决您的问题),请提供有关您如何使用它的更多信息。理想情况下在代码笔中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句