Mobile app development guide for cross-platform apps. Covers React Native, Flutter, and Expo frameworks. Use proactively when user wants to build mobile apps. Triggers: mobile app, React Native, Flutter, Expo, iOS, Android, 모바일 앱, 앱 개발, モバイルアプリ, アプリ開発, 移动应用, 手机应用, aplicación móvil, app móvil, application mobile, app mobile, mobile Anwendung, mobile App, applicazione mobile, app mobile Do NOT use for: web-only projects, desktop apps
Build cross-platform mobile applications
# Create new Expo project
npx create-expo-app my-app
cd my-app
npx expo start
Pros:
# Create new Flutter project
flutter create my_app
cd my_app
flutter run
Pros:
my-app/
├── app/
│ ├── (tabs)/
│ │ ├── index.tsx
│ │ └── settings.tsx
│ ├── _layout.tsx
│ └── +not-found.tsx
├── components/
├── hooks/
├── constants/
└── assets/
// Using Expo Router
import { Link } from 'expo-router';
export default function Home() {
return (
<Link href="/settings">
Go to Settings
</Link>
);
}
// Camera access
import { Camera } from 'expo-camera';
// Location
import * as Location from 'expo-location';
// Notifications
import * as Notifications from 'expo-notifications';
# Build for both platforms
eas build --platform all