656 pantallas de app móvil listas para usar

Comentarios

Expo Go y development builds

La mayoría de diseños funcionan en Expo Go. Qué significa la insignia cuando uno no.

Qué significa la insignia

Cada diseño lleva una insignia de Listo para Expo Go o no la lleva. No es una decisión subjetiva: se calcula a partir de los paquetes que el diseño realmente importa, contrastados con una tabla de cuáles necesitan código nativo. Si un diseño importa algo que Expo Go no incluye, la insignia desaparece, la página de detalle explica qué paquete y por qué, y el prompt repite la advertencia.

InsigniaQué ejecutarCuándo
Listo para Expo Gonpx expo startCasi todos los diseños. Escanea el código QR y funciona.
Sin insignianpx expo run:iosEl diseño necesita un development build compilado una vez en tu máquina.

Por qué la mayoría de diseños califican

Las bibliotecas sobre las que se construyen los diseños vienen todas dentro de Expo Go: Reanimated, gesture-handler, safe-area-context, svg, expo-image, los paquetes de Google Fonts e iconos Phosphor. Nada en el estilo de la casa necesita un módulo nativo personalizado, así que el caso común es escanear y ejecutar.

  • El movimiento es Reanimated, que viene incluido.
  • Los iconos son Phosphor, que dibuja a través de react-native-svg, también incluido.
  • Las imágenes son URLs remotas a través de expo-image, así que no hay recursos empaquetados que compilar.

Crear un development build

Un comando, una vez. Después de que termine sigues usando npx expo start como siempre; solo cambia la app cliente en el simulador o dispositivo.

npx expo run:ios
# or, without Xcode locally:
npx eas build --profile development --platform ios
La insignia se calcula, no se declara
Nadie la escribe a mano. Viene de la lista real de importaciones del diseño en tiempo de compilación, lo que significa que no puede quedarse desactualizada cuando se edita un diseño.