本地化

本地化

自定義您的 dApp 語言與內建翻譯

預設情況下，RainbowKit 支援 en-US 英語用戶。

如果可用，RainbowKit 將偵測用戶的偏好語言並選擇適當的翻譯。 開發人員可以隨時覆蓋預設語言。 開發人員可以隨時覆蓋預設語言。

要指定用戶的語言，只需在 RainbowKitProvider 中添加 locale="zh-CN" 屬性即可。

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',
  },
}

然後將 Pages Router 提供的 locale 傳遞給 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 中介軟體的最佳實踐。 參考我們的獨立範例此處，了解使用 next-intl 中介軟體的最佳實踐。

建議您使用相同的技術來翻譯您的 dApp 內容，以獲得完整的本地化支援。 建議您使用相同的技術來翻譯您的 dApp 內容，以獲得完整的本地化支援。 像 i18n-js 和 next-intl 的本地化庫以及 Crowdin 等管理工具將簡化這一過程。

我們為以下 locale 地區提供全面支援：

如果您希望增加對其他語言的支援，請開啓一個GitHub 討論，我們將儘快支援它。