如何在本机反应中改变布局方向？

Question

我正在使用 i18next 和 react-i18library 来更改我的 react 本机应用程序中的语言，但我需要将方向从 ltr 更改为 rtl，反之亦然，而与设备语言无关并保存方向。

我已经配置了 i18n，我正在更改语言，但我不知道如何更改方向

changeLanguage = lnName => {
  i18n.changeLanguage(lnName);
  // change direrction persian -> rtl / english -> ltr
};

"i18next": "^19.4.2",
"native-base": "^2.13.12",
"react": "16.11.0",
"react-i18next": "^11.3.4",
"react-native": "0.62.2",
"react-native-restart": "^0.0.14",

Answer 1

I18next 有一个 dir 方法，给定 lang 将返回 lrt / rtl 值。

import React from 'react';
import { useTranslation } from 'react-i18next';

const Layout = () => {
  const {
    i18n: { dir, language },
  } = useTranslation();
  const changeLanguage = lnName => {
    i18n.changeLanguage(lnName);
  };

  return <View style={{ direction: dir(language) }} />;
};