检查`TabBarIcon`的render方法

import React from 'react';
import { TabBarIcon } from 'your-ui-library';

const TabBar = () => {
  const renderTabBarIcon = (name, focused) => {
    let iconName;
    let iconColor;

    if (name === 'Home') {
      iconName = focused ? 'home-filled' : 'home-outline';
      iconColor = focused ? 'blue' : 'gray';
    } else if (name === 'Profile') {
      iconName = focused ? 'person-filled' : 'person-outline';
      iconColor = focused ? 'blue' : 'gray';
    }

    return (
      <TabBarIcon
        name={iconName}
        color={iconColor}
      />
    );
  };

  return (
    <TabBar>
      <TabBar.Item
        name="Home"
        renderIcon={({ focused }) => renderTabBarIcon('Home', focused)}
      />
      <TabBar.Item
        name="Profile"
        renderIcon={({ focused }) => renderTabBarIcon('Profile', focused)}
      />
    </TabBar>
  );
};

export default TabBar;