شرح صفوف ومحتوى الفقرة
تحتاج المنصات ثنائية اللغة التي تدعم العربية والإنجليزية إلى مزود للغة والاتجاه (Locale & Direction Provider) على مستوى التطبيق. فالتبديل بين العربية (ar) والإنجليزية (en) لا يغير النصوص فحسب، بل يقلب اتجاه تخطيط العناصر بين اليمين لليسار (dir="rtl") واليسار لليمين (dir="ltr").
عند حساب متغير الاتجاه داخل LocaleProvider وتمريره مع رمز اللغة ودالة التبديل في السياق، تنعكس محاذاة الصفوف المرنة والحواف والنصوص تلقائياً في جميع المكونات المتداخلة.
HTML
function DirectionBanner() {
const { locale, flip } = useContext(LocaleContext);
const isRtl = locale === 'ar';
return (
<section dir={isRtl ? 'rtl' : 'ltr'}>
<p>{isRtl ? 'RTL Mode' : 'LTR Mode'}</p>
<button onClick={flip}>Switch Locale</button>
</section>
);
}