What you'll build
A native mobile application for iOS and Android using React Native and Expo, which you can test on your own phone while developing. You'll implement navigation between screens, external API consumption, local storage with AsyncStorage, and consistent styles for both platforms. When finished, you'll have a functional app with multiple screens that you can share with friends via Expo Go or publish to the app stores.
Step 1: Ask an AI for the app
I need a mobile app with Expo that:
- Has 3 screens (Home, List, Profile)
- Uses React Navigation
- Fetches from external API
- Local storage (AsyncStorage)
- Consistent styles
- TypeScript
Give me the structure and complete code.
Setup
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo install @react-navigation/native @react-navigation/stack
npx expo start
Navigation
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>
)
}