android - 如何在 iOS 中使用 EXPO/react-native 实现 RTL

Question

我在我的 react 原生应用程序文件名中添加了两个本地化文件(阿拉伯语和英语)，如 ar.json 和 en.json .

我的 en.json 文件看起来像

"fieldNames": {
    "enterEmail" : "Enter the email address"
  },

我的 ar.json 文件看起来像

"fieldNames": {
    "enterEmail" : "أدخل عنوان البريد الإلكتروني"
  },

我的 字符串/index.js 文件如下所示:

import * as Localization from 'expo-localization';
import i18n from 'i18n-js';

import en from './en.json';
import ar from './ar.json';

i18n.fallbacks = true;
i18n.translations = { en, ar };
i18n.locale = Localization.locale;

export const string = value => i18n.t(value);

export default i18n;

我使用的文件之一如下

<Text>{string('fieldNames.enterEmail')}</Text>

本地化适用于两种语言。

但是当我选择 阿拉伯语 它的 在 iOS 中未与右侧对齐。

在我的 android 设备中，它工作正常。
此问题仅出现在 iOS 中。

你能帮我解决这个问题吗

Answer 1

RTL 与本地化无关(l10n) .相反，Internalization(i18n) 确实如此。

如果您使用 start和 right前缀而不是 left和 right ，那么您的 RTL 将被实现。

例如，您可以使用 marginStart而不是 marginLeft用于 RTL