أسئلة مقابلات Core Components & Primitives في React Native
10 سؤال عن Core Components & Primitives من مسار React Native. اقرأ الإجابة المختصرة لكل سؤال هنا، وافتح السؤال للشرح الكامل والأمثلة والأخطاء الشائعة والمصادر.
- مبتدئ
لماذا يعتبر FlatList خياراً أفضل بكثير من ScrollView مع القوائم الطويلة في React Native؟
لأن FlatList يعتمد على التحميل الكسول وإعادة تدوير العناصر المرئية فقط (Virtualization)، بينما ScrollView يقوم بتصيير وحجز ذاكرة لكافة عناصر القائمة دفعة واحدة.
اقرأ الشرح الكامل - متوسط
ما هي أهم خصائص ضبط أداء FlatList (مثل windowSize و initialNumToRender و getItemLayout)؟
خاصية getItemLayout تلغي الحاجة لحساب أبعاد العناصر ديناميكياً مما يسرع القفز المباشر، و windowSize تحدد عدد الشاشات المحفوظة خارج مجال الرؤية، و initialNumToRender تحدد العناصر المرسومة أولاً.
اقرأ الشرح الكامل - مبتدئ
ما الفرق بين TouchableOpacity و TouchableHighlight و Pressable ومتى نعتمد Pressable دائماً؟
مكون Pressable هو المكون الأحدث والأكثر مرونة ودقة، حيث يوفر وصولاً دقيقاً لحالات الضغط المتعددة (Pressed, Hovered, Focused) وتأخير الضغط الطويل دون تعقيدات التغليف القديمة.
اقرأ الشرح الكامل - مبتدئ
كيف يعمل مكون Image في React Native وما هي قيود ومشاكل الكاش الشائعة معه؟
يقوم Image بتحميل وعرض الصور المحلية والشبكية؛ لكنه يعاني من ضعف إمكانيات الكاش على أجهزة أندرويد وتكرار إعادة التنزيل والوميض مقارنة بمكتبات متخصصة مثل expo-image.
اقرأ الشرح الكامل - متوسط
كيف تستخدم مكون SectionList لعرض البيانات المقسمة إلى مجموعات مصنفة مع رؤوس ثابتة (Sticky Headers)؟
يستخدم SectionList لعرض بيانات هيكلية مقسمة إلى أقسام (Sections) لكل منها عنوان ومجموعة عناصر، مع دعم تثبيت الترويسة أعلى الشاشة تلقائياً أثناء التمرير.
اقرأ الشرح الكامل - متوسط
كيف تتعامل مع مشكلة حجب لوحة المفاتيح للمدخلات باستخدام KeyboardAvoidingView؟
نغلف حقول الإدخال بمكون KeyboardAvoidingView ونحدد خاصية behavior المناسبة ("padding" لنظام iOS و "height" أو التعديل في AndroidManifest لأندرويد).
اقرأ الشرح الكامل - مبتدئ
ما هي الـ Modal في React Native وكيف يتم التعامل مع النوافذ المنبثقة بشكل سليم؟
مكون Modal يعرض محتوى في نافذة تطفو فوق شاشة التطبيق الحالية، ويعتمد على وحدات النظام الأصلية مع دعم حركات الظهور والتلاشي وإغلاق مفتاح الرجوع في أندرويد.
اقرأ الشرح الكامل - مبتدئ
ما هو مكون SafeAreaView وكيف تطور في React Native وتكامله مع react-native-safe-area-context؟
يضمن SafeAreaView عدم تغطية المحتوى بواسطة نتوءات الشاشة (Notches)، والجزر التفاعلية (Dynamic Island)، وزوايا الشاشات المستديرة وأشرطة التنقل السفلية.
اقرأ الشرح الكامل - متوسط
كيف تدير مدخلات النصوص المتعددة (TextInput) وحركات التبديل بين الحقول بالـ Focus؟
باستخدام الـ Refs لربط عناصر TextInput واستدعاء .focus() على الحقل التالي عند الضغط على زر الإدخال (onSubmitEditing) في لوحة المفاتيح مع تحديد returnKeyType="next".
اقرأ الشرح الكامل - مبتدئ
ما الفرق بين مكون Switch ومكون ActivityIndicator وكيف تخصص مظهرهما عبر المنصتين؟
مكون Switch يعرض زر تبديل منطقي (On/Off) أصلي لنظام التشغيل، بينما ActivityIndicator يعرض سبينر تحميل دائري؛ وكلاهما يدعم تخصيص الألوان والحجم ليتناسب مع هوية التطبيق.
اقرأ الشرح الكامل