소프트웨어 제작소

TextFiled가 포커싱 되었을 때 생성되는 keyboard에 의해 가려진다면, TextField를 보이는(visible) 영역으로 가져오면(스크롤하면) 된다. 그러기 위해서는 우선 TextFiled가 scroll 가능한 widget에 쌓여져 있어야 한다. 보통 SingleChildScorllView를 이용해서 감싸고 child 에는 Column 을 이용해서, 표시하고자 하는 위젯들을 나열한다. 이 중에 TextForm filed 가 있을 것이다. 이제 keyboard가 생성되어었을때 스크롤을 얼마나 해야하는지 알아와야 한다. soft keyboard 는 system UI 이다. System UI에 의해 가려지는 크기를 받아오는 코드는 아래와 같다. MediaQuery.of(context).viewIn..

앞서본 3권의 책보다 이 책이 나에게는 더 도움이 되었다. 네가 잘 모르는 부분에 대한 내용을 포함하고 있었기 때문인데, 네이티브 API와 통신하기, 파이어베이스 애널리틱스, 푸시알림, 광고 넣기에 관한 내용이다. 사실 모바일 앱을 만든다고 하면 대부분 생각하는 아이디어들은 외부에 서버나 DB가 있어서 통신을 하며 데이터를 주고 받고, 그것을 프로세싱하여 화면에 보여주는 것들 일 텐데 이부분에 대한 내용이 대른 책들보다 많은 분량으로 설명하고 있고 여러 한가지가 아니라 3~4가지 케이스로 다르고 있어 이해하기에 도움이 되었다. jsonDecode() 함수는 JSON 형태의 데이터를 dynamic 형식의 리스트로 변환해서 반환해 준다. createState() 함수가 호출되어 상태가 생성되면 곧 바로 mo..

블루투스 scan 중 에 새로운 device 가 discover 되었다는 event를 받으면 호출 하는 함수를 아래와 같이 정의 하였다. ///--------------------------------------------------------------------------- /// 스캔된 장비 수 업데이트 메서드 /// - bleCommonData.isScanListUpdated 에서는 새로운 장비가 scan 되었을 때만 event 발생 /// 하고 기존에 scan 된 장비가 꺼졌을 때에 대해서는 인지하지 못하므로 이 메서드를 실행하여 update ///--------------------------------------------------------------------------- void up..

세번째 책은 오준석의 플러터 생활코딩이다. 20년 3월에 발행된 책이다. 다른 입문서에 비해 설명이더 쉽게 되어있는 편인 것 같다. 그리고 상태관리는 다루고 있지 않고 있다. (다른 입문서도 상태관리는 맛보기정도라 제대로 사용하려면 공부를 필요한건 맞지만) 이제 입문서를 그만봐도 되려나? 300페이지짜릴를 1~2시간이면 다 볼수 있어서 시간은 크게 잡아먹지 않지만 크게 얻는것도 없다...남은 2권도 빨리보고 입문서 몰아보기는 끝내야지 문단 마지막 사용 ?. 연산자는 null 여부를 간단히 판단할 수 있다. ?? 연산자는 객체가 null 일때 연산자 오른쪽에 있는 값을 반환한다. print(name?.length ?? 0 ); https://flutterstudio.app/ 에서 drag&drop 방색으로..

Text를 입력 받기 위해 TextFromField를 사용했는데, filed 내부에 표시되는 text 의 vertical alignment가 자꾸 안맞았다. textAlignVertical: TextAlignVertical.bottom, 를 입력해도 변화가 없었고, decoration: const InputDecoration( contentPadding: EdgeInsets.zero, ), 을 건드려봐도 계속 text가 아랫쪽, 혹은 설정한 box 보다 아랫쪽에 표시되었다. 이 문제를 발생시키는 원인은 text 를 입력할때 아랫쪽에 생기는 밑줄을 없애기 위해 입력한 코드 때문인것을 찾았는데, 이렇게 밑줄을 삭제하면 안되나 보다. decoration: const InputDecoration( border:..

이번책은 해외 도서 번역서다. 국내에서는 2020년 6월에 출판되었지만 원서는 2019년에 출판 되었다. 기술서 중에서도 IT분야는 특히나 변화가 빨라서 4년전 책이라는 것을 알고서 읽어야 하나하고 잠시 고민을 했지만 읽어보았다. 유튜브 보면서 노는 3시간보다 이 책을 읽는게 더 내게 도움이 될꺼라는 생각에. 읽어보니 이번에 보았던 '모바일 앱 개발을 위한 다트 & 플러터' 보다 더 유익했다. 글의 흐름도 더 자연스럽고 내용도 더 알 차게 느껴졌다. 기억해야할 부분 analysis-options.yaml 파일은 꼭 필요한 파일은 아니지만 있으면 더 나은 코드를 작성할 수 있다. 이 파일은 코드를 작성할 때 정적 분석이라고도 하는 린트(lint)를 수행하라고 IDE에 알리는 역할을 한다. analysis-..

회사에 Fluter 관련 책들이 4권 있는 것을 발견했다. 평소에 다 아는 것이겠지 하고 무시하다가 , 요근래 한번 읽어 보자 하는 마음이 생겼다. 그 첫번째가 "모바일 앱 개발을 위한 다트 & 플러터 - 서준수 저" 이다. 2020년 10월에 출판된 것으로 설치 설명에서 확인해보니 Flutter 1.20.2 버전을 설치하고 있다. 지금은 3.10 이 넘어갔으니...책속의 내용과 다른 부분이 있을 것이라는 것을 염두해 두고 보았다. 플러터 개요, 다트 문법, 위젯 개념, 기본 위젯 설명, 레이아웃 구성, 화면 전환 상태 관리, 애니메이션, 실전 프로젝트 의 내용으로 구성 되어있는데 대략 300페이지가 안 된다. 찬찬히 읽어보았을 때, 대부분의 내용이 내가 알고 있는 것이긴 했다. 내가 사용하지 않아서 잘..

현재 만들고 있는 앱의 디자인이 Bottom Navigation Bar (system UI) 와 어울리지 않아서 숨겨 두었다. main 함수에 아래와 같이 추가하면 숨겨진다 문제는 이 엃게 숨겨진 bottom navigation bar 가 영원히 숨겨지는게 아니란 것이다. 사용자가 터치스크린의 bottom edge에서 위쪽으로 swipe하면 다시 나타난다. 그리고 이로 인해 bottom 에 overflow가 발생한다. 이 문제를 해결하기 위해 구글링을 해보았다. 나와 같은 문제를 겪은 사람들이 몇몇 보이지만 완벽하게 해결할 수 있는 방법은 없는 듯하다. (몇 명 보이지 않는 이유가 화면 구성시 이러한 문제가 발생하지 않게끔 해주는 widget 이나 structure 가 있는지도 모르지....) 하나 찾은..