Estoy tratando de hacer una aplicación RN, pero no quiero mostrar la navegación en todas las pantallas. Por ejemplo, la pantalla de registro e inicio de sesión no debería mostrar la navegación. Así que quería poner la navegación en un componente e importar ese componente a las pantallas que deberían mostrarlo. No estoy seguro de si eso funciona con la navegación, pero no pude encontrar nada que diga que no funcionará. Podría estar haciendo completamente mal.

El componente que traté de crear:

 import React, { Component } from 'react' import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; const Tab = createBottomTabNavigator(); class Navigation extends Component { render() { <Tab.Navigator> <Tab.Screen name="Home" component={}/> <Tab.Screen name="Explore" component={}/> <Tab.Screen name="Account" component={}/> </Tab.Navigator> } } export default Navigation;

La forma en que quería importar el componente:

 import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; import { Navigation } from './components'; export default function App() { return ( <View style={styles.container}> <Navigation/> </View> ); }