从右到左(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 官网的 English 与 Arabic 版本,感受 RTL 的实际效果。
本指南如何?