Saltar al contenido principal

Preparando tu aplicación para iOS 15 y Android 12

· 4 min de lectura
Samuel Susla
Samuel Susla
Software Engineer @ Meta
Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

¡Hola a todos!

Con las nuevas versiones de sistemas operativos móviles que se lanzarán a finales de este año, recomendamos preparar tus aplicaciones React Native con anticipación para evitar regresiones cuando estas versiones estén disponibles públicamente.

iOS 15​

La fecha de lanzamiento de iOS 15 aún no se ha anunciado, pero basándonos en versiones anteriores de iOS, probablemente será alrededor del 16 de septiembre. Considera también el tiempo de revisión de App Store si necesitas realizar cambios para preparar tu aplicación para iOS 15.

Aspectos a tener en cuenta​

Barra QuickType​

La forma de desactivar la barra QuickType en TextInput ha cambiado. La barra QuickType es la barra sobre el teclado con tres palabras sugeridas. Si tu interfaz necesita ocultar esta barra, establecer autoCorrect en false ya no desactiva la barra QuickType en iOS 15 como en versiones anteriores. Para ocultar la barra QuickType, también debes establecer spellCheck en false. Esto desactivará el corrector ortográfico (los subrayados rojos) en tu TextInput. Ya no es posible desactivar la barra QuickType manteniendo activo el corrector ortográfico.

Screenshot of QuickType bar

QuickType bar with three suggested words

Para desactivar la barra QuickType en iOS 15, establece las props spellCheck y autoCorrect en false.

<TextInput
  placeholder="something"
  autoCorrect={false}
  spellCheck={false}
/>

Barra de navegación transparente​

iOS 15 cambia el comportamiento predeterminado de la barra de navegación. A diferencia de iOS 14, la barra de navegación se vuelve transparente cuando el contenido está completamente desplazado hacia arriba. Presta atención a esto ya que puede dificultar la lectura del contenido. Para consejos sobre cómo solucionar este problema, consulta este hilo.

Captura de pantalla de la barra de navegación en iOS 14 e iOS 15

Cómo instalar iOS 15​

Dispositivo​

Si tienes un dispositivo de repuesto, puedes unirte al programa beta e instalar iOS 15. En este punto, las versiones beta son generalmente estables, pero ten en cuenta que la actualización a iOS 15 es irreversible.

Simulador​

Para probar tu aplicación en un simulador con iOS 15, necesitarás descargar Xcode 13. Puedes encontrar Xcode 13 aquí.

Android 12​

Android 12 se lanzará este otoño e introduce algunos cambios que podrían afectar la experiencia de tu aplicación. Tradicionalmente, Google Play requiere que el SDK objetivo de tu aplicación se actualice antes de noviembre del año siguiente (consulta los requisitos del lanzamiento anterior aquí).

Aspectos a tener en cuenta​

Efecto de sobre-desplazamiento​

Android 12 introduce un nuevo efecto de sobre-desplazamiento que afecta a todos los contenedores desplazables. Como las vistas de desplazamiento de React Native se basan en vistas nativas, recomendamos verificar tus contenedores desplazables para asegurarte de que el efecto se aplica correctamente. Puedes desactivarlo estableciendo la prop overScrollMode en never.

Actualizaciones de permisos​

Android 12 permite a los usuarios de tu aplicación otorgar solo acceso a la ubicación aproximada si la solicitas con el permiso ACCESS_FINE_LOCATION. Más información aquí.

Consulta los cambios detallados en el comportamiento para todas las aplicaciones que se ejecutan en Android 12.

Cómo instalar Android 12​

Dispositivo​

Si tienes un dispositivo Android de repuesto, comprueba si puedes instalar la versión beta de Android 12 mediante las instrucciones aquí.

Emulador​

Si no tienes un dispositivo disponible, puedes configurar un emulador siguiendo las instrucciones aquí.