react-native

| Create new Expo project | npx create-expo-app@latest --template tabs | | Add NativeWind | npx expo install nativewind tailwindcss | | Platform check | Platform.OS === 'ios' | | Safe insets | useSafeAreaInsets() from react-native-safe-area-context | | Navigation | router.push('/screen') with Expo Router |

| Deep linking | Configure in app.json under expo.scheme | | Environment vars | Use expo-constants or react-native-dotenv | | Icons | @expo/vector-icons (included in Expo) | | Animations | react-native-reanimated for 60fps animations | | Gestures | react-native-gesture-handler |

تفاعل مع الأنماط الأصلية لتطوير تطبيقات الأجهزة المحمولة باستخدام Expo وسير العمل المجرد. المشغل: عند إنشاء تطبيقات الهاتف المحمول، يجب العمل مع مكونات React Native، باستخدام Expo أو React Navigation أو NativeWind. المصدر: gentleman-programming/gentleman-skills.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/gentleman-programming/gentleman-skills --skill react-native بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw