الموقعية

الموقعية

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

بشكل افتراضي، يدعم 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 هنا.

App Router الى الآن لا يدعم i18n. راجع مثالنا المستقل هنا لأفضل الممارسات التنفيذية مع البرنامج الوسيط next-intl.

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

نحن نوفر الدعم الكامل للمناطق locale التالية:

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