React native 如何在react native navigation底部选项卡栏中设置图标大小

我刚开始学习RN，但中的文档没有显示如何设置tabBarIcon的大小，我尝试在中添加一个属性，如图所示。如果我手动设置size={38}，它会工作。但是，如果有更好的方法设置全局大小，这意味着我只需要更改一个变量来设置整个图标大小

({
tabBarLabel:navigation.isFocused（）？route.name:“”，
tabBarIcon:（{聚焦，颜色，大小}）=>{
让我来；
如果（route.name==='Home'）{
iconName=专注的“家”：“家”；
}else if（route.name==='Favorite'）{
iconName=专注的“心”：“心-o”；
}否则如果（route.name==='Medium'）{
iconName=专注的“心”：“心-o”；
}else if（route.name=='Hard'）{
iconName=聚焦的“cog”：“cog”；
}
返回；
},
})}>

---

该解决方案基于React Navigation 5。在screenOptions中，您可以在tabBarIcon属性中指定图标的大小。请参考以上代码。

非常感谢，它帮助我修复了问题。

 <Tab.Navigator
  initialRouteName="Home"
  activeColor="#ff0071"
  inactiveColor="#000"
  barStyle={{backgroundColor: '#fff'}}
  screenOptions={({route, navigation}) => ({
    tabBarLabel: navigation.isFocused() ? route.name : '',
    tabBarIcon: ({focused, color, size}) => {
      let iconName;
      if (route.name === 'Home') {
        iconName = focused ? 'home' : 'home';
      } else if (route.name === 'Favorite') {
        iconName = focused ? 'heart' : 'heart-o';
      } else if (route.name === 'Medium') {
        iconName = focused ? 'heart' : 'heart-o';
      } else if (route.name === 'Hard') {
        iconName = focused ? 'cog' : 'cog';
      }
      return <Icon name={iconName} size={23} color={color} />;
    },
  })}>