Reactjs 在遵循 reactnavigation 的官方文档时收到警告消息

我目前正在实现Reaction导航的Tab特性，根据官方文档，当我try 定义Tab.Navigator组件时，我遇到了一条警告消息.为了定制tabBarIcon，我遵循了文档中提供的代码示例:

const Tab = createBottomTabNavigator();
const BottomTabScreen = () => {
  return (
    <Tab.Navigator
      screenOptions={({route}) => ({
        tabBarHideOnKeyboard: true,
        tabBarShowLabel: false,
        headerShown: false,
        tabBarStyle: {
          height: 70,
        },
        tabBarIcon: ({focused, size, color}) => {
          let iconName;
          if (route.name === 'Home') {
            iconName = focused ? 'home-sharp' : 'home-outline';
          } else if (route.name === 'Search') {
            iconName = focused ? 'search' : 'ios-search-outline';
          } else if (route.name === 'Activity') {
            iconName = focused ? 'ios-heart' : 'ios-heart-outline';
          } else if (route.name === 'Profile') {
            iconName = focused ? 'ios-person-circle' : 'ios-person-outline';
            size = focused ? size + 3 : size;
          }
          return <Ionic name={iconName} size={size} color={color} />;
        },
      })}>
      <Tab.Screen name="Home" component={Home} />
      <Tab.Screen name="Search" component={Search} />
      <Tab.Screen name="Activity" component={Activity} />
      <Tab.Screen name="Profile" component={Profile} />
    </Tab.Navigator>
  );
};

但是，我收到以下警告消息:

"在渲染过程中不要定义组件.Reaction将看到一个新的 每个呈现上的组件类型，并销毁整个子树的DOM node 和状态."

我想知道是否有办法解决这一警告信息.如果在这件事上有任何帮助或指导，我将不胜感激.谢谢.