This is an Expo project created with create-expo-app.
This is a simple, fully functional React Native example using Expo Image Picker to select images from the device’s gallery or camera.
It includes:
- Requesting media and camera permissions
- Picking images from the gallery
- Capturing photos with the device camera
- Displaying the selected image
- Clean, minimal UI with functional components
🔗 Learn how this works in depth (and much more) in the full Expo tutorial on codesofphoenix.com 🚀
-
Install dependencies
npm install npx install expo-image-picker
-
Start the app
npx expo start
In the output, you'll find options to open the app in a
- development build
- Android emulator
- iOS simulator
- Expo Go, a limited sandbox for trying out app development with Expo
You can start developing by editing the files inside the app directory. This project uses file-based routing.
When you're ready, run:
npm run reset-projectThis command will move the starter code to the app-example directory and create a blank app directory where you can start developing.
To learn more about developing your project with Expo, look at the following resources:
- Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
- Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
- Expo Tutorial 2025 – A free 2025 React Native Expo tutorial covering image picking, icons, UI components, and navigation using popular Expo libraries.
- Fully functional image picker using
expo-image-picker - Supports both gallery and camera selection
- Handles permissions on iOS and Android
- Graceful fallback UI when permission is denied
- Minimal, clean UI built with functional components
- Works inside Expo Go — no need to eject
- Ready to integrate into real-world projects or tutorials
Join our community of developers creating universal apps.
- Expo on GitHub: View our open source platform and contribute.
- Discord community: Chat with Expo users and ask questions.