# Flight Preferences

Choose which flight alerts you want while a lock-screen preview stacks up each real notification. Continue plays your chosen alerts in order before moving to the next step.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/travel-flight-preferences
```

## Import

```tsx
import { FlightPreferencesScreen } from "@/screens/travel/flight-preferences";
```

## Registry dependencies

- `button` — /components/button
- `glass` — /components/glass
- `icon` — /components/icon
- `image` — /components/image
- `switch` — /components/switch
- `text` — /components/text

## Native packages

- react-native-reanimated@*
- react-native-svg@*
- react-native-safe-area-context@*

## Icons rendered

- `clock` — /icons.html?i=clock
- `map-pin` — /icons.html?i=map-pin
- `check-circle` — /icons.html?i=check-circle
- `users` — /icons.html?i=users
- `package` — /icons.html?i=package
- `plane` — /icons.html?i=plane
- `chevron-left` — /icons.html?i=chevron-left

Source: https://lumioui.com/screens/travel-flight-preferences