اختبار الوحدة: التخطيط والتنسيق

السؤال 1 من 5

• استخدم وحدات rem ليتكيّف النص مع إعدادات إمكانية الوصول.
• انقل هذه القيم إلى ملف CSS يُستورد في أعلى الـ component.
• لا بأس؛ يحوّل React Native نصوص CSS تلقائيًا.
• استخدم أرقامًا بلا وحدات ومفاتيح مفصّلة: paddingVertical: 12, paddingHorizontal: 16, fontSize: 15.

السؤال 2 من 5

• overflow: 'scroll' على الـ ScrollView.
• contentContainerStyle={{ flex: 1 }}
• flex: 1 على الـ View الأب، ليرث الـ ScrollView ارتفاعًا محدودًا يتمرّر داخله.
• horizontal={false}

السؤال 3 من 5

• أضف حشوًا للمحتوى بقيمة useSafeAreaInsets().top من react-native-safe-area-context.
• استخدم SafeAreaView من react-native.
• أضف marginTop: 24، وهو ارتفاع شريط الحالة في Android.
• أخفِ شريط الحالة على Android.

السؤال 4 من 5

• تتوسّع الصفوف على iOS لا على Android.
• تنطوي الصفوف الموسَّعة وحدها بعد التمرير بعيدًا ثم العودة.
• ينهار التطبيق حين يُوسَّع صفّان.

السؤال 5 من 5

• زِد windowSize لإبقاء صفوف أكثر مركّبة.
• غلّف الـ FlatList بـ ScrollView ليُرسم مرة واحدة.
• استبدل FlatList بـ SectionList.
• حمّل نسخًا مصغّرة من الصور للقائمة، ويُفضَّل مع component صور يدعم التخزين المؤقت مثل expo-image.