React Native Debugging Best Practices
دليل React Native للعربية (5): أخطاء شائعة وكيفية تجنبها
ياسر نجيب •
1. عدم إعادة تشغيل التطبيق (Reloading)
عندما يغير المستخدم اللغة من الإنجليزية للعربية، I18nManager.forceRTL(true) لا يعيد رسم الواجهة بالكامل فوراً في بعض الحالات المعقدة.
الحل: استخدم مكتبة react-native-restart لإجبار التطبيق على إعادة التحميل بعد تغيير اللغة.
2. الأرقام العربية (١٢٣) vs الإنجليزية (123)
بعض العملاء يفضلون الأرقام “المشرقية” (١٢٣). يمكنك استخدام دالة بسيطة للتحويل:
const toArabicNums = (str) => {
return str.replace(/d/g, d => "٠١٢٣٤٥٦٧٨٩"[d]);
}لكن انتبه! لا تستخدم هذا في الحقول الحسابية أو المدخلات التي ترسل للـ API.
3. تجاهل الـ Backend
إذا كان الـ API يعيد رسائل خطأ بالإنجليزية فقط، فتطبيقك ليس معرباً بالكامل.
تأكد من إرسال Accept-Language: ar في ترويسة (Header) كل طلبات الشبكة، واضبط السيرفر ليرد باللغة المناسبة.