우선 QR코드에 대해 처리를 하기 위해 가장 기본적인 QR Code 스캔 및 스캔된 정보를 가지고 처리하는 부분까지 가장 간단한 것만 구현을 해 보았습니다. 해당 구현의 자세한 내용은 그 작업이 Flutter 프레임워크로 구현하였으므로 Flutter에 자세하게 다루며 이 프로젝트에서 처리할 기능이 어떻게 구현되었고, 어떻게 동작하는지만 간단히 정리합니다.

 

 

 

먼저 QR 스캔을 하고 난 후의 화면입니다. QR 스캔 후 처리하는 함수에서 리턴 값을 정상적으로 처리해주지 않았더니 아래와 같이 화면이 난리가 났습니다.

 

하지만 플로팅 버튼을 눌러 QR촬영 및 촬영 URL로 이동을 하는 기능은 정상적으로 동작하였습니다.

 

 

 

플로팅 버튼을 누르면 촬영 화면으로 넘어가 아래와 같은 화면이 보입니다.

QR코드를 촬영 해 보겠습니다.

 

 

 

 

 

 

 

 

 

지난 포스팅에 등록된 복권 정보 QR을 스캔해서 정상적으로 아래와 같이 확인 페이지로 넘어가게끔 처리를 해 보았습니다.

 

 

 

 

 

 

다른 QR코드도 테스트를 해 보기 위해서 작업을 하였습니다.

 


위키피디아 QR로 촬영을 해 봤습니다.

 

 

영문 위키백과 페이지로 이동을 합니다.

 

 

 

 

 

그래도 처음 Error가 발생한 화면을 그대로 두고 볼 수 없어서 Return 값을 예제 코드에서 처럼 QR코드를 읽어온 값을 화면의 중앙에 뿌려주도록 수정을 하였습니다.

 

 

 

+ Recent posts