由右至左(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 网站 的 英文 与 阿拉伯文,看看 RTL 的实际效果。
这份指南怎么样?