📱

App Móvil con Expo

👨‍🍳 Chef⏱️ 35 minutos

📋 Prerequisitos sugeridos

  • React Native
  • Expo

Lo que vas a construir

Una aplicacion movil nativa para iOS y Android usando React Native y Expo, que puedes probar en tu propio telefono mientras desarrollas. Implementaras navegacion entre pantallas, consumo de APIs externas, almacenamiento local con AsyncStorage, y estilos consistentes para ambas plataformas. Al terminar, tendras una app funcional con multiples pantallas que puedes compartir con amigos via Expo Go o publicar en las tiendas de apps.


Paso 1: Pídele a una IA la app

Necesito una app móvil con Expo que:
- Tenga 3 pantallas (Home, Lista, Perfil)
- Use React Navigation
- Fetch de API externa
- Almacenamiento local (AsyncStorage)
- Estilos consistentes
- TypeScript

Dame la estructura y código completo.

Setup

npx create-expo-app@latest mi-app --template blank-typescript
cd mi-app
npx expo install @react-navigation/native @react-navigation/stack
npx expo start

Navegación

import { NavigationContainer } from '@react-navigation/native'
import { createStackNavigator } from '@react-navigation/stack'

const Stack = createStackNavigator()

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  )
}

Próximo paso

Push Notifications