本地化

本地化

自定義你的 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',
  },
}

然後將 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。 App Router 尚不支援 i18n。 參考我們的另一個示例在這裡進行 next-intl 中介軟件的最佳實踐實現。 App Router 尚不支援 i18n。 參考我們的另一個示例在這裡進行 next-intl 中介軟件的最佳實踐實現。

建議你使用相同的方法來翻譯你的 dApp 內容，以實現完整的本地化支援。 建議你使用相同的方法來翻譯你的 dApp 內容，以實現完整的本地化支援。 建議你使用相同的方法來翻譯你的 dApp 內容，以實現完整的本地化支援。 像 i18n-js 和 next-intl 等本地化庫以及 Crowdin 等管理工具將簡化這個過程。

我們全面支援以下 locale 區域：

如果你希望新增對其他語言的支援，請開啟一個 GitHub 討論，我們將儘快努力支援。