# react-native: LocaleSelector
URL: https://generaltranslation.com/it/docs/react-native/api/components/locale-selector.mdx
---
title: LocaleSelector
description: Documentazione di riferimento dell'API per il componente LocaleSelector
---

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


## Panoramica

Il componente `<LocaleSelector>` viene usato per selezionare l&#39;impostazione regionale dell&#39;utente.
È un componente lato client che fornisce un menu a discesa per selezionare l&#39;impostazione regionale.

## Riferimento

### Restituisce

Un componente che consente all&#39;utente di selezionare l&#39;impostazione regionale.

### Proprietà

* **`locales`** (facoltativo): `string[]`
  * Un elenco facoltativo di impostazioni regionali (ad es. `['en', 'es-MX', 'fr']`) per popolare il menu a discesa. Se non viene fornito, viene usato l&#39;elenco di impostazioni regionali del contesto `<GTProvider>`.
* **`customNames`** (facoltativo): `{[locale: string]: string}`
  * Un oggetto facoltativo che associa i codici locale a nomi di visualizzazione personalizzati.
  * Esempio: `{{ 'en-US': 'English (United States)', 'es': 'Español' }}`

## Esempi

### Utilizzo di base

```jsx
import { LocaleSelector } from 'gt-react-native';

export default function MyComponent() {
  return <LocaleSelector />;
}
```


### Utilizzo di `customNames`

```jsx
import { LocaleSelector } from 'gt-react-native';

export default function MyComponent() {
  const myCustomNames = {
    en: 'English',
    es: 'Español',
    'fr-CA': 'Français (Canada)',
  };
  return <LocaleSelector customNames={myCustomNames} />;
}
```

***


## Note

* Il componente `<LocaleSelector>` ti consente di selezionare un&#39;impostazione regionale diversa per la tua app.
* Il componente `<LocaleSelector>` non è disponibile in un componente server.

## Passaggi successivi

* Scopri di più sull&#39;hook [`useLocale`](/docs/react-native/api/helpers/use-locale).
* Consulta l&#39;hook [`useLocaleSelector`](/docs/react-native/api/helpers/use-locale-selector) per definire un selettore di impostazione regionale personalizzato.
* Scopri di più sulle [stringhe di impostazione regionale](/docs/core/locales).