En mi aplicación React Native tengo un componente y un navegador de pestañas dentro de ese componente, así:

 class Screen extends Component { render() { return( <View> <TabNav/> </View> ) } } export const TabNav = createAppContainer(createBottomTabNavigator( { A: { screen: A, }, B: { screen: B }, C: { screen: C } } ));

Quiero incluir C de forma condicional, en función de una propiedad que se pasa desde Screen . Así que probé esto:

 class Screen extends Component { render() { return( <View> <TabNav flag={true} /> </View> ) } } export const TabNav = createAppContainer(createBottomTabNavigator( { A: { screen: A, }, B: { screen: B }, ...(this.props.flag ? {C: { screen: C, }} : {}), } ));

pero arroja el error Cannot read property 'props' of undefined . ¿Cómo puedo cambiar esto para poder pasar accesorios de Screen a TabNav ?

Estoy usando

 "react-navigation": "^4.0.10", "react-navigation-tabs": "^2.7.0",