DMarlon Studio

Capítulo 11

Apps móviles con React Native

El editor de pantallas con componentes nativos de React Native (Expo) y la lógica en JavaScript.

Crear una app de React Native

Al crear el proyecto, elija React Native (móvil): el mismo editor de pantallas que Flutter (pantallas, árbol de widgets, propiedades, menú y las 20 plantillas). Cada pantalla se genera con los componentes de React Native (View, Text, Pressable, TextInput, ScrollView, Switch…) y la lógica va en lib/app.js, la misma clase App que en la web de Next.js (con this.notify()).

  • Ejecutar (F9) arranca Expo y abre la app en el simulador de teléfono del estudio; al guardar se recarga. La primera vez instala React Native y Expo (unos 340 MB, compartidos por todos los proyectos).
  • En la Salida aparece la dirección exp://… para abrir la app en su teléfono con Expo Go (en la misma red).
  • Exportar el proyecto de React Native (Expo) deja package.json, App.js, screens/ y lib/: npm install y npx expo start.
  • Ejemplo: Tienda (React Native), con login, catálogo, ficha, carrito y pago.