I18nManager

I18nManager 模块提供了用于管理从右到左 (RTL) 布局支持的工具实用程序，适用于阿拉伯语、希伯来语等语言。它提供了控制 RTL 行为和检查当前布局方向的方法。

示例

根据 RTL 更改位置和动画

如果你绝对定位元素以与其他 flexbox 元素对齐，它们在 RTL 语言中可能无法对齐。可以使用 isRTL 来调整对齐或动画。

开发期间

参考

属性

isRTL

typescript

static isRTL: boolean;

一个布尔值，指示应用当前是否处于 RTL 布局模式。

isRTL 的值由以下逻辑确定：

• 如果 forceRTL 为 true，isRTL 返回 true
• 如果 allowRTL 为 false，isRTL 返回 false
• 否则，在以下情况下 isRTL 将为 true：
  • iOS：
    • 设备上的用户首选语言是 RTL 语言
    • 应用定义的本地化包括用户选择的语言（如在 Xcode 项目文件 (knownRegions = (...)) 中定义）
  • Android：
    • 设备上的用户首选语言是 RTL 语言
    • 应用的 AndroidManifest.xml 在 <application> 元素上定义了 android:supportsRTL="true"

doLeftAndRightSwapInRTL

typescript

static doLeftAndRightSwapInRTL: boolean;

一个布尔值，指示在 RTL 模式下是否应自动交换左右样式属性。启用后，在 RTL 布局中左变为右，右变为左。

方法

allowRTL()

typescript

static allowRTL: (allowRTL: boolean) => void;

启用或禁用应用的 RTL 布局支持。

参数：

• allowRTL (boolean): 是否允许 RTL 布局

重要说明：

• 更改在下次应用启动时生效，而不是立即生效
• 此设置在应用重启后持久保存

forceRTL()

typescript

static forceRTL: (forced: boolean) => void;

强制应用使用 RTL 布局，无论设备语言设置如何。这主要用于在开发期间测试 RTL 布局。

避免在生产应用中强制使用 RTL，因为它需要完全重启应用才能生效，这会导致糟糕的用户体验。

参数：

• forced (boolean): 是否强制 RTL 布局

重要说明：

• 更改在下次应用启动时完全生效，而不是立即生效
• 设置在应用重启后持久保存
• 仅用于开发和测试。在生产环境中，你应该要么完全禁止 RTL，要么适当地处理它（参见 isRTL）

swapLeftAndRightInRTL()

typescript

static swapLeftAndRightInRTL: (swapLeftAndRight: boolean) => void;

在 RTL 模式下交换左右样式属性。启用后，在 RTL 布局中左变为右，右变为左。不影响 isRTL 的值。