title: Error: Couldn't find any screens for the navigator. Have you defined any screens as its children?
body: <p>I am trying to make dynamic tab.screen.
  my code is like this:</p>
  <pre><code>import React from 'react';
  import { Text, View, TouchableOpacity, Modal } from 'react-native';
  import AsyncStorage from '@react-native-community/async-storage';
  import Icon from 'react-native-vector-icons/FontAwesome5';
  import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
  import Home from '../mainscreen/GeneralScreen';
  import Core from '../mainscreen/CoreScreen';
  import Docs from '../mainscreen/GeneralScreen';
  import ESS from '../mainscreen/CoreScreen';
  import General from '../mainscreen/GeneralScreen';
  import HR from '../mainscreen/CoreScreen';
  import Payroll from '../mainscreen/GeneralScreen';
  import Server from '../mainscreen/CoreScreen';
  
  const Tab = createBottomTabNavigator();
  const tabcomponents = {
    &quot;Home&quot; : Home,
    &quot;Core&quot; : Core,
    &quot;Docs&quot; : Docs,
    &quot;ESS&quot; : ESS,
    &quot;General&quot; : General,
    &quot;HR&quot; : HR,
    &quot;Payroll&quot; : Payroll,
    &quot;Server&quot; : Server
  };
  
  class TabNavigator extends React.Component {
  
    constructor() {
        super();    
        this.state = {
           dashboardtab:[],                 
        }
        this.tabnavigatorasync();      
      }
  
    tabnavigatorasync = async () =&gt; {
      try {
        const dashboardtab = await AsyncStorage.getItem('dashboardtab');    
        const dashboardtabParse = JSON.parse(dashboardtab);      
        this.setState({dashboardtab: dashboardtabParse});      
      } catch (error) {      
      }
    }
  
    render(){    
      const tabnavigatorRender = this.state.dashboardtab.map((item, index) =&gt; {
        const tabcomponentsrender = tabcomponents[item.admintab.label];    
        return &lt;Tab.Screen name={item.admintab.label} component={tabcomponentsrender} key={index}/&gt;                         
      });
  
      return(
            &lt;Tab.Navigator&gt;
              {tabnavigatorRender}                        
            &lt;/Tab.Navigator&gt;
          )
    }
  }
  
  export default TabNavigator;
  </code></pre>
  <p>the result appears an error like this:</p>
  <blockquote>
  <p>Error: Couldn't find any screens for the navigator. Have you defined any screens as its children?</p>
  </blockquote>
  <p>is there something wrong with the code i made?</p>