从右到左(RTL)支持

为阿拉伯语、希伯来语及其他 RTL 语言配置你的 Next.js 应用

从右到左(RTL)语言支持用于处理阿拉伯语、希伯来语、波斯语和乌尔都语等语言的文本方向与布局镜像。GT 通过 useLocaleDirection hook 提供自动方向检测。

RTL 语言: 超过 5 亿人使用 RTL 语言,包括阿拉伯语、希伯来语、波斯语和乌尔都语。

快速上手

使用 GT 的内置 hooks 自动检测并设置文本方向:

// app/[locale]/layout.tsx
import { useLocale, useLocaleDirection, GTProvider } from 'gt-next';

export default function RootLayout({ children }) {
  const locale = useLocale(); // 例如:"ar" 代表阿拉伯语
  const dir = useLocaleDirection(); // 例如:"rtl" 代表从右到左的书写方向

  return (
    <html lang={locale} dir={dir}>
      <body> 
        <GTProvider>
          {children}
        </GTProvider>
      </body>
    </html>
  );
}

就是这样!GT 会自动检测 RTL 语言并应用正确的文字方向。

对比查看 General Translation 官网EnglishArabic 版本,感受 RTL 的实际效果。

本指南如何?

本页目录