# react-native: useLocaleDirection
URL: https://generaltranslation.com/it/docs/react-native/api/helpers/use-locale-direction.mdx
---
title: useLocaleDirection
description: Riferimento API dell'Hook useLocaleDirection
---

{/* GENERATO AUTOMATICAMENTE: non modificare direttamente. Modifica il template in content/docs-templates/. */}


## Panoramica

L&#39;hook `useLocaleDirection` restituisce la direzione del testo (`'ltr'` o `'rtl'`) per l&#39;impostazione regionale corrente o per un&#39;impostazione regionale specificata, a partire dal [contesto `<GTProvider>`](/docs/react-native/api/components/gtprovider).

<Callout>
  `useLocaleDirection` è un hook lato client e *può essere usato solo nei componenti lato client*.
  Assicurati che la tua app sia racchiusa in un [`<GTProvider>`](/docs/react-native/api/components/gtprovider).
</Callout>

## Riferimento

### Parametri

| Parametro | Tipo                   | Descrizione                                                                                                                        |
| --------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| `locale`  | `string` (facoltativo) | Un codice locale BCP 47 (ad esempio `'ar'`, `'en-US'`). Se omesso, viene usata l&#39;impostazione regionale corrente del contesto. |

### Restituisce

`'ltr' | 'rtl'` — La direzione del testo dell&#39;impostazione regionale.

***

## Esempi

### Ottieni la direzione dell&#39;impostazione regionale corrente

```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>;
}
```


### Ottieni la direzione di una specifica impostazione regionale

```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>;
}
```

***


## Note

* Questo Hook è sempre sincrono.
* Utile per impostare l&#39;attributo `dir` sugli elementi per il supporto RTL.

## Passaggi successivi