Actualizar a nuevas versiones
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Actualizar a nuevas versiones de React Native te dará acceso a más APIs, vistas, herramientas de desarrollo y otras mejoras. Actualizar requiere un pequeño esfuerzo, pero intentamos que el proceso sea sencillo para ti.
Proyectos de Expo
Actualizar tu proyecto de Expo a una nueva versión de React Native requiere modificar las versiones de los paquetes react-native, react y expo en tu archivo package.json. Expo recomienda actualizar las versiones del SDK de manera incremental, una por una. Este enfoque te ayudará a identificar fallos y problemas que surjan durante el proceso de actualización. Consulta la Guía para actualizar el SDK de Expo para obtener información actualizada sobre cómo actualizar tu proyecto.
Proyectos de React Native
Dado que los proyectos típicos de React Native constan esencialmente de un proyecto Android, un proyecto iOS y un proyecto JavaScript, la actualización puede resultar complicada. El Upgrade Helper es una herramienta web que te ayuda en este proceso mostrando todos los cambios entre dos versiones cualesquiera. También incluye comentarios sobre archivos específicos para entender por qué se requiere cada modificación.
1. Seleccionar las versiones
Primero debes elegir entre qué versiones deseas actualizar; por defecto se seleccionan las últimas versiones principales. Tras elegir, puedes hacer clic en el botón "Show me how to upgrade" (Muéstrame cómo actualizar).
💡 Las actualizaciones principales mostrarán una sección de "contenido útil" en la parte superior con enlaces para ayudarte durante la actualización.
2. Actualizar dependencias
El primer archivo que se muestra es el package.json; es recomendable actualizar las dependencias que aparecen allí. Por ejemplo, si react-native y react aparecen como cambios, puedes instalarlos en tu proyecto ejecutando estos comandos:
- npm
- Yarn
# {{VERSION}} and {{REACT_VERSION}} are the release versions showing in the diff
npm install react-native@{{VERSION}}
npm install react@{{REACT_VERSION}}
# {{VERSION}} and {{REACT_VERSION}} are the release versions showing in the diff
yarn add react-native@{{VERSION}}
yarn add react@{{REACT_VERSION}}
3. Actualizar los archivos del proyecto
La nueva versión puede incluir actualizaciones en otros archivos generados al ejecutar npx react-native init. Estos archivos se listan después del package.json en la página del Upgrade Helper. Si no hay otros cambios, solo necesitas recompilar el proyecto para continuar desarrollando. Si hay modificaciones, debes aplicarlas manualmente en tu proyecto.
Solución de problemas
He realizado todos los cambios pero mi aplicación sigue usando una versión antigua
Este tipo de errores suelen estar relacionados con la caché. Se recomienda instalar react-native-clean-project para borrar toda la caché de tu proyecto y luego puedes ejecutarlo de nuevo.