本地化

使用內建翻譯來自訂您的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>
);

與Next.js共同使用

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中介軟體的實施最佳做法。

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

支持的語言

我們為以下locale地區提供全方位的支持：

語言	地區	Locale	簡稱
英語	美國 🇺🇸	`en-US`	`en`
中文	中國大陸 🇨🇳	`zh-CN`	`zh-Hans`	zh
繁體中文	香港 🇭🇰	`zh-HK`
繁體中文	台灣 🇹🇼	`zh-TW`	`zh-Hant`
印地語	印度 🇮🇳	`hi-IN`	`hi`
西班牙語	拉丁美洲 🌎	`es-419`	`es`
法語	法國 🇫🇷	`fr-FR`	`fr`
阿拉伯語	中東 🌍	`ar-AR`	`ar`
葡萄牙語	巴西 🇧🇷	`pt-BR`	`pt`
俄語	俄羅斯 🇷🇺	`ru-RU`	`ru`
印尼語	印尼 🇮🇩	`id-ID`	`id`
日語	日本 🇯🇵	`ja-JP`	`ja`
土耳其語	土耳其 🇹🇷	`tr-TR`	`tr`
韓語	韓國 🇰🇷	`ko-KR`	`ko`
泰語	泰國 🇹🇭	`th-TH`	`th`
烏克蘭語	烏克蘭 🇺🇦	`uk-UA`	`ua`
越南語	越南 🇻🇳	`vi-VN`	`vi`
德語	德國 🇩🇪	`de-DE`	`de`
馬來語	馬來西亞 🇲🇾	`ms-MY`	`ms`

如果您希望增加對其他語言的支持，請開啟GitHub討論，我們將努力盡快增加支持。

總覽

快速開始

高級

本地化

使用內建翻譯來自訂您的dApp語言

與Next.js共同使用

支持的語言