Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
101 of 196 menu
◀ ▶

Метод 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
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить