تكرار السؤال: …
الإجابة المختصرة
مكون Switch يعرض زر تبديل منطقي (On/Off) أصلي لنظام التشغيل، بينما ActivityIndicator يعرض سبينر تحميل دائري؛ وكلاهما يدعم تخصيص الألوان والحجم ليتناسب مع هوية التطبيق.
الشرح
يستخدم Switch خصائص مثل trackColor و thumbColor لتوحيد ألوان المفتاح بين iOS وأندرويد مع الحفاظ على الرسوم الحركية الخاصة بكل نظام. بينما يقبل ActivityIndicator أحجام "small" أو "large" مع خاصية color لتغيير لون الدائرة المتحركة بما يتناسب مع ثيم الشاشة الحالي.
مثال بالكود
import { Switch, ActivityIndicator, View } from 'react-native';
function SettingsItem({ enabled, onToggle, loading }: { enabled: boolean; onToggle: () => void; loading: boolean }) {
if (loading) {
return <ActivityIndicator size="small" color="#0066cc" />;
}
return (
<Switch
value={enabled}
onValueChange={onToggle}
trackColor={{ false: '#767577', true: '#81b0ff' }}
thumbColor={enabled ? '#0066cc' : '#f4f3f4'}
/>
);
}أخطاء شائعة
- محاولة تمرير قيم بكسل رقمية عشوائية لخاصية size في ActivityIndicator، حيث تقبل فقط "small" أو "large" في النظام القياسي.