Quiero crear pestañas dinámicamente en react-native, a continuación se muestra el código, pero obtengo

Error no detectado: no se pudo encontrar ninguna pantalla para el navegador. ¿Ha definido alguna pantalla como sus hijos?

 import React from 'react'; import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'; import ChildScreen from './ChildScreen'; const Tab = createMaterialTopTabNavigator(); const CreateTabs = (props) => { const { tabData } = props; return ( <Tab.Navigator> {tabData.map((val, id) => <Tab.Screen name={`Screen${id}`} key={id} children={(props) => <ChildScreen {...props} data={val}/>} options={{ tabBarLabel: `(${val.name})` }} /> )} </Tab.Navigator> ) } export default CreateTabs;

Estoy usando "@react-navigation/material-top-tabs": "^5.3.14" de material-top-tabs

¿Es posible crear pestañas dinámicamente? Sugiera o proporcione un enlace de refrigerio con un ejemplo, no puedo obtener ninguna solución para hacerlo dinámico.