Метод forceRTL
Метод forceRTL класса
I18nManager
принимает булево значение.
true включает RTL даже без RTL-локали.
false возвращает обычное направление.
Изменение видно после перезагрузки приложения.
Текущее состояние читают через isRTL на странице класса.
Синтаксис
I18nManager.forceRTL(true);
Параметры
| Параметр | Описание |
|---|---|
force |
true включает RTL, false отключает принуждение.
|
Пример
Давайте включим RTL для проверки интерфейса:
import { I18nManager } from 'react-native';
I18nManager.forceRTL(true);
После перезагрузки isRTL станет true и ряд пойдёт справа налево.
Пример
Давайте переключим RTL кнопкой перед перезагрузкой:
import { View, Text, Button, I18nManager } from 'react-native';
export default function App() {
const onRtl = () => I18nManager.forceRTL(true);
const onLtr = () => I18nManager.forceRTL(false);
return (
<View>
<Text>12345</Text>
<Button title="abcde" onPress={onRtl} />
<Button title="12345" onPress={onLtr} />
</View>
);
}
На экране подпись и две кнопки для включения и выключения принудительного RTL.
Смотрите также
-
метод
allowRTL,
который разрешает RTL без принуждения -
класс
I18nManager,
который хранитisRTLиdoLeftAndRightSwapInRTL -
перечисление
Direction,
которое задаёт направление текста в стиле -
компонент
Text,
которому можно задатьwritingDirection