# QR Scanner

Scan a shop’s QR code to pay. The viewfinder corners close in to hug the code as it locks on, then a verified merchant card rises with Pay, and a toggle shows your own code instead.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/core-qr-scanner
```

## Import

```tsx
import { QrScannerScreen } from "@/screens/core/qr-scanner";
```

## Registry dependencies

- `glass` — /components/glass
- `icon` — /components/icon
- `image` — /components/image
- `qr-code` — /components/qr-code
- `text` — /components/text

## Native packages

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

## Icons rendered

- `x` — /icons.html?i=x
- `zap` — /icons.html?i=zap
- `image` — /icons.html?i=image
- `refresh` — /icons.html?i=refresh
- `check-circle` — /icons.html?i=check-circle
- `lock` — /icons.html?i=lock

Source: https://lumioui.com/screens/core-qr-scanner