반응형 flutter14 [Flutter]QR 코드 스캔을 위한 mobile_scanner 사용하기 개발 중에 QR코드를 Scan을 해야하는 기능이 있어서 어떤 라이브러리를 쓸까 찾아보니까. 역시나 능력자들이 이미 만들어 놓은 다양한 라이브러리가 많았고 그중에 가장 많이 다운로드를 한 mobile_scanner를 사용하기로 했다. 이 글을 쓰고 있는 현재 mobile_scanner는 좋아요 2140개와 다운로드 55만5천을 기록하고 있다. mobile_scanner | Flutter packageA universal Flutter barcode and QR code scanner using CameraX/ML Kit for Android, AVFoundation/Apple Vision for iOS & macOS, and ZXing for web.pub.devflutter pub.dev에서 오늘.. 2025. 9. 26. [AndroidStudio] 안드로이드 애뮬레이터에서 QR Scan 테스트 하기 for Mac QR 스캔을 하기 위한 개발을 하는 도중에 애뮬레이터에서는 어떻게 하면 QR 스캔을 테스트 해볼 수 있을까 하다 찾아 보니까 역시나 방법이 다 있었다. 우선 얘물레이커를 킨다. 애물레이터의 Extenede Controls를 클릭하면 아래와 같은 설정 창을 볼 수 있다. Camera를 선택하여 Wall 또는 Table에 Add Image를 클릭하고 테스트 하고자 하는 이미지를 넣어 준다. 카메라를 키면 벽면에 Add image한 이미지를 볼 수 있다. shift를 누르고 wasd를 클릭하면 움직일 수 있고, 마우스를 이용하면 시야를 돌릴 수있다.이렇게 하면 손쉽게 QR Scan 테스트를 해 볼 수 있다. 2025. 9. 26. [Flutter] 해시태그(#) 표현하기 게시물 작성시 해시태그를 적용하고 싶어서 기록 한다. 기존에는 그냥 Text 위젯을 사용하여 게시물의 내용을 표현하였다. 하지만 해시태그가 있을 때 이를 강조하기 위해서는 다른 방법이 필요했다. Text위젯으로는 중간에 특정 부분만 style을 변경할 수 없기 때문이다. 1. TextSpanTextSpantext에 여러 스타일을 적용하고 그것을 하나의 text 위젝으로 표시할 때 사용되는 클래스이다.주요속성 text: 표시할 텍스트 문자열.style: 텍스트 스타일을 지정하는 TextStyle 객체. 폰트 크기, 색상, 굵기 등을 정의할 수 있습니다.children: 또 다른 TextSpan 리스트를 포함하여 중첩된 스타일링을 적용할 수 있습니다.recognizer: 터치 이벤트나 클릭과 같은 사용.. 2024. 9. 7. [Flutter] webview_flutter를 활용한 webview 표현하기 webview_flutter를 사용하는것을 간단하게 정리하겠다. Flutter에서 변경이 있을 때마다 일일히 업데이트해서 나가는 것이 싫어서 webView를 도입해서 필요한 부분은 앱 배포없이 업데이트 하고 싶어서 찾아보게 되었다. 1) webview_flutter 설치 webview_flutter | Flutter packageA Flutter plugin that provides a WebView widget backed by the system webview.pub.dev flutter pub add webview_flutter webview_flutter는 flutter 공식에서 개발하고 있는 라이브러리라서 믿고 바로 설치를 하였다. 2) 기본코드 설명 (URL 사용 ) contro.. 2024. 9. 2. 이전 1 2 3 4 다음 반응형
