العودة إلى الفهرس / أدوات التطوير
إعداد Tailwind CSS v4 في Expo
تهيئة تنسيق متعدد المنصات باستخدام react-native-css وNativeWind v5.
المهارات
اتبع المصدر لتثبيت الحزم المطلوبة وضبط Metro وPostCSS وCSS العام، ثم أضف أغلفة المكونات قبل استخدام أصناف Tailwind في React Native. يوضح الدليل عدم الحاجة إلى إعداد Babel إضافي ويغطي متغيرات ألوان المنصات واستكشاف الأعطال. تحقق أولاً من توافق Expo وReact Native وNativeWind؛ وعدّل الإعداد تدريجياً ثم ابنِ التطبيق واعرضه على جهاز.
الصلاحيات
المتطلبات السابقة
- مشروع Expo قائم وإمكان تحرير package.json وإعداد Metro/PostCSS وCSS العام؛ مع معرفة مدير الحزم والإصدارات.
الصلاحيات
- يغيّر تثبيت الحزم ملفات الاعتماديات والقفل، كما تكتب التهيئة ملفات المشروع. احصل على إذن المستخدم وأبق التعديلات قابلة للمراجعة أو التراجع.
القيود
يتأثر التكامل بين Tailwind v4 وreact-native-css وNativeWind v5 بالإصدارات. لا تنسخ إعداد مشروع جديد إلى تطبيق قديم دون تكييف.
المصدر الأصلي المثبت
- المستودع
- openai/plugins
- مسار الملف
- plugins/expo/skills/expo-tailwind-setup/SKILL.md
- الإيداع المثبت
0722921d5542fc593105c27bd52630babd8b8c2a- تاريخ فحص المصدر
- 2026-10-14 · تمت المراجعة مقابل المصدر الأصلي المثبت
مقاييس المستودع
تعكس هذه القيم المستودع الأصلي كله، ولا تمثل إعجابات أو شعبية مهارة أو دليل منفرد.
- النجوم
- لم يُجمع
- التفرعات
- لم يُجمع
- وقت الرصد
- لم يُجمع
لا تتوفر لقطة مقاييس بعد.
الترخيص: MIT
الأدوات المتوافقة
Expo / React Native
الموضوع الرئيسي
انقل مساعد البرمجة من فهم السياق إلى التحقق من التغيير