无法显示底部选项卡导航器图标

Question

这是 tabs 函数的返回值：

return (
    <Tab.Navigator initialRouteName='Main' 
        screenOptions = {
            ({ route }) => ({
                tabBarIcon: ({ focused, color, size }) => {
                  let iconName;
      
                  if (route.name === 'Main') {
                    iconName = focused ? 'md-home' : 'md-home-outline';
                  } 
                  else if (route.name === 'Team') {
                    iconName = focused ? 'md-people' : 'md-people-outline';
                  }
                  return <Ionicons name={iconName} size={size} color={color} />;
                },
                tabBarActiveTintColor: 'tomato',
                tabBarInactiveTintColor: 'gray',
                tabBarShowLabel: false, 
              })
        }>
            <Tab.Screen 
            name="Main" component={Main} 
            options={{
            tabBarButton: props => (<TouchableOpacity {...props} onPress={() => navigation.navigate('Main')} />),
            headerShown: false,
            }} 
            />
            <Tab.Screen 
            name="Team" component={Team} 
            options={{
            tabBarButton: props => (<TouchableOpacity {...props} onPress={() => navigation.navigate('Team')} />),
            }} 
            />
            
          </Tab.Navigator>
  );

即使我正在关注文档，我也无法显示图标。请帮我展示它们..！并评论我哪里出错了！

Answer 1

我没有仔细阅读documentation 中给出的指南，因此在特定文件中添加这些代码行是可行的。 :)