تكرار السؤال: …
الإجابة المختصرة
مكتبة Yoga هي محرك تخطيط مفتوح المصدر مكتوب بـ C++، يقوم بترجمة خصائص الـ Flexbox إلى إحداثيات بكسل دقيقة (x, y, width, height) يفهمها نظاما iOS و Android.
الشرح
نظراً لأن أنظمة iOS و Android لا تدعم Flexbox في واجهاتها الأصلية، طور فيسبوك محرك Yoga ليقوم بحساب التخطيطات المعقدة بسرعة C++ فائقة داخل الـ Shadow Thread، وإرسال المواقع الهندسية النهائية إلى عناصر UIView في iOS وعناصر ViewGroup في أندرويد.
مثال بالكود
// كود الـ Flexbox في ريأكت نيتف يتم حسابه بواسطة Yoga C++:
const styles = StyleSheet.create({
container: {
flex: 1,
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
}
});أخطاء شائعة
- الاعتقاد بأن متصفح ويب مصغر (WebView) هو المسؤول عن حساب وتطبيق تنسيقات Flexbox.
أسئلة متابعة
- ما هي الفروقات الرئيسية بين CSS على المتصفح ونظام التنسيق في React Native؟
- ما هو نظام Fabric وما الفرق بينه وبين نظام التصيير القديم في React Native؟