플러터

[플러터] qr_flutter pakage를 이용한 플러터 qr 출력(초간단)

freeipsb 2023. 9. 28. 20:04
반응형

Use this package as a library

Depend on it

Run this command:

With Flutter:

 $ flutter pub add qr_flutter

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  qr_flutter: ^4.1.0

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

import 'package:qr_flutter/qr_flutter.dart';

출처 : 플러터 패키지 공식문서

 

 


 

QR

 

pubspec.yaml 파일에 qr_flutter dependencies 세팅을 해주고

qr을 출력할 파일에 qr패키지를 임포트 해줍니다.

 

[기본 형식]

데이터 부분에는 리스트, 텍스트 등 거의 모든 정보가 들어갈 수 있음.

사이즈를 이용해 QR 코드의 사이즈를 지정할 수 있다.

hild: QrImageView(
  data: 
  size: 
),

 

[예시]

저는 현재 개발중인 애플리케이션에 넣을 QR을 만들었는데, 데이터베이스에서 유저 정보를 가져와서 qr에 정보를 출력하는 형태로 개발을 했습니다.  (firebase 에서 정보를 가져와서 QR로 출력)

QrImageView(
  data: documentSnapshot['usernum']+documentSnapshot['username'],
  size: 300,
),

 

 

반응형