mobile-development

---
name: mobile-development
description: Mobile development patterns for React Native and Flutter including navigation, state management, and responsive design
---

# Mobile Development

## React Native Component Structure

```tsx
import { View, Text, FlatList, StyleSheet, Platform } from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";

interface Product {
  id: string;
  name: string;
  price: number;
  image: string;
}

function ProductList({ products }: { produ