★★★★★
#디바이스 통합 · claude-code
QR 코드 생성 + 스캔
앱에서 QR 코드 생성 및 카메라로 스캔.
#qr-code#barcode#mobile-scanner
변수 1개 — 여기 채우면 아래 프롬프트에 바로 들어가요
앱에서 QR 코드 생성 및 카메라로 스캔.
패키지: `qr_flutter: ^4.0.0`, `mobile_scanner: ^3.0.0`
**생성:**
```dart
class QRCodeGenerator extends StatelessWidget {
final String data;
@override
Widget build(BuildContext context) {
return QrImageView(
data: data,
version: QrVersions.auto,
size: 200.0,
);
}
}
```
**스캔:**
```dart
class QRScannerScreen extends StatefulWidget {
@override
State<QRScannerScreen> createState() => _QRScannerScreenState();
}
class _QRScannerScreenState extends State<QRScannerScreen> {
late MobileScannerController _controller;
@override
Widget build(BuildContext context) {
return MobileScanner(
controller: _controller,
onDetect: (capture) {
for (final barcode in capture.barcodes) {
print('스캔됨: ${barcode.rawValue}');
Navigator.pop(context, barcode.rawValue);
}
},
);
}
}
```
{{QR_USE_CASE}} (그룹 초대/가입 코드 등)에 QR 코드 기능 추가할까?
쓰는 법 — 위 칸에 본인 값을 채우면 아래 프롬프트에 바로 반영돼요. 복사 버튼을 누르면 채워진 그대로 클립보드에 담기니까, claude-code(또는 본인이 쓰는 AI)에 붙여넣기만 하면 됩니다. 변수가 없으면 그냥 복사해서 쓰세요.