التوطين

التوطين

تخصيص لغة التطبيق اللامركزي (dApp) باستخدام ترجمات مضمنة

بشكل افتراضي، يدعم RainbowKit اللغة الإنجليزية بالنمط "en-US" لمستخدمي اللغة الإنجليزية.

إذا كانت متاحة، سيكتشف RainbowKit اللغة المفضلة للمستخدم ويختار الترجمات المناسبة. يمكن للمطورين دائمًا تجاوز اللغة الافتراضية.

لتحديد لغة لمستخدميك، أضف ببساطة locale="zh-CN" كخاصية في RainbowKitProvider

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider locale="zh-CN" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);

يدعم RainbowKit التوطين بشكل أفضل مع التوجيه الفرعي لمسار.

قم بتكوين مشروع Next.js الخاص بك على النحو الوارد في المثال أدناه لإضافة مسار فرعي اختياري /locale/ إلى المسارات الخاصة بك، مما سيساعد محركات البحث والمستخدمين في اكتشاف دعم لغات متعددة بشكل أفضل.

// next.config.js
{
  i18n: {
    locales: ['default', 'en', 'zh-CN'],
    defaultLocale: 'default',
  },
}

ثم مرر locale المقدم من Pages Router إلى `RainbowKitProvider``

import { RainbowKitProvider, Locale } from '@rainbow-me/rainbowkit';

export const App = () => {
  const { locale } = useRouter() as { locale: Locale };
  return (
    <RainbowKitProvider locale={locale} {...etc}>
      {/* Your App */}
    </RainbowKitProvider>
  )
};

يمكنك الرجوع إلى مثال لـ Pages Router هنا.

لا يدعم تطبيق Router حتى الآن i18n. انظر مثالنا المنفصل هنا لأفضل الممارسات للتنفيذ باستخدام وسائط next-intl.

يوصى باستخدام نفس التقنيات لترجمة محتوى التطبيق اللامركزي (dApp) الخاص بك للحصول على دعم توطين كامل. ستساعد مكتبات التوطين مثل i18n-js و next-intl وأدوات الإدارة مثل Crowdin على تبسيط هذه العملية.

نحن نقدم دعمًا كاملاً للمناطق locale التالية:

إذا كنت ترغب في رؤية دعم للغة إضافية، يرجى فتح مناقشة على GitHub وسنعمل على دعمها في أقرب فرصة ممكنة.