본문 바로가기

도전/플러터(Flutter)3

플러터 addPostFrameCallback 포스트 작성자는 플러터뿐만 아니라 코딩 자체에 있어 완전 초짜임을 미리 밝힌다. 그래서 아래 설명 중 잘못된 내용이거나 엉망인 부분도 많을 것이다. 다만 코드 작성중에 오류를 맞이했고, 어떻게든 해결했기에 혹여나 다른 사람이 참고할 수 있도록 글을 남긴다. QR코드 인식을 하다가 값을 받으면 다른 화면으로 넘어가는 코드를 작성하고 있었다. Stateful위젯인 QRViewExample에 다음 메소드를 작성해 주었다. 그리고 아래와 같이 빌드할 때 실행되도록 작성했다. 이렇게 작성해보니 오류가 발생했다. The following assertion was thrown while dispatching notifications for TestInt: setState() or markNeedsBuild() cal.. 2023. 1. 13.
플러터 QR인식 패키지(qr_code_scanner) QR코드를 활용한 어플을 만들어보고 있다. https://pub.dev/packages/qr_code_scanner qr_code_scanner | Flutter Package QR code scanner that can be embedded inside flutter. It uses zxing in Android and MTBBarcode scanner in iOS. pub.dev 많은 사람들이 사용하는 것 같아 이 패키지를 선택했고, 위 링크의 예제(Example)를 조금만 변형하여 사용해보았다. 좋은 점은 QR코드 스캔을 실행할 때 따로 카메라 어플이 켜지는 것이 아니고 하나의 위젯으로서 배치할 수 있다는 점이다. 예제 코드가 이미 Expaned위젯에서 flex 값을 조정하여 카메라 화면 아래에 텍.. 2023. 1. 13.
플러터 입력값(Input)을 받는 위젯, TextField와 TextFormField TextField 위젯을 통해 사용자의 Input을 받을 수 있다. 또한 decoration, keyboardtype 등 다양한 옵션을 줄 수 있다. keyboardtype의 경우, 사용자가 TextField를 터치했을 때 어떤 타입의 키보드를 불러올지 정하는데, 복사해서 붙여넣는 식으로 다른 타입의 Text를 적을 수 있어서 큰 의미는 없어보인다. 예를 들어, 숫자만 적게 하고 싶어서 keyboardtype에서 'number'로 설정하더라도 PC에서는 다른 문자열을 입력할 수 있고, 'asdf'라는 문자열을 복사해서 붙여 넣는 것도 허용된다. 이렇게 특정 문자열을 사용하지 못하게 하거나 특정 조건에 맞는 입력값을 요구할 때에는 TextFormField위젯을 사용한다. 사용방법은 보다 복잡하지만 회원가입.. 2023. 1. 12.