# react-native: useLocaleDirection
URL: https://generaltranslation.com/ru/docs/react-native/api/helpers/use-locale-direction.mdx
---
title: useLocaleDirection
description: Справка по API хука useLocaleDirection
---

{/* АВТОМАТИЧЕСКИ СГЕНЕРИРОВАНО: Не редактируйте напрямую. Вместо этого отредактируйте шаблон в content/docs-templates/. */}


## Обзор

Хук `useLocaleDirection` получает направление текста (`'ltr'` или `'rtl'`) для текущей или указанной локали из [контекста `<GTProvider>`](/docs/react-native/api/components/gtprovider).

<Callout>
  `useLocaleDirection` — это хук, работающий на стороне клиента, и *может использоваться только в компонентах, работающих на стороне клиента*.
  Убедитесь, что ваше приложение обёрнуто в [`<GTProvider>`](/docs/react-native/api/components/gtprovider).
</Callout>

## Справочник

### Параметры

| Параметр | Тип                      | Описание                                                                                                             |
| -------- | ------------------------ | -------------------------------------------------------------------------------------------------------------------- |
| `locale` | `string` (необязательно) | Код локали в формате BCP 47 (например, `'ar'`, `'en-US'`). Если не указан, используется текущая локаль из контекста. |

### Возвращает

`'ltr' | 'rtl'` — направление текста для данной локали.

***

## Примеры

### Получить направление текста для текущей локали

```jsx title="DirectionWrapper.jsx" copy
'use client';
import { useLocaleDirection } from 'gt-react-native';

export default function DirectionWrapper({ children }) {
  const dir = useLocaleDirection(); // [!code highlight]
  return <div dir={dir}>{children}</div>;
}
```


### Определение направления для конкретной локали

```jsx title="SpecificDirection.jsx" copy
'use client';
import { useLocaleDirection } from 'gt-react-native';

export default function SpecificDirection() {
  const dir = useLocaleDirection('ar'); // 'rtl' [!code highlight]
  return <p>Arabic text direction: {dir}</p>;
}
```

***


## Примечания

* Этот хук всегда работает синхронно.
* Полезен для задания атрибута `dir` у элементов для поддержки RTL.

## Следующие шаги