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페이지가 안 된다. 찬찬히 읽어보았을 때, 대부분의 내용이 내가 알고 있는 것이긴 했다. 내가 사용하지 않아서 잘..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/zdYV4/btssUbALCHG/74OVhz0uG7yOOIGPkkEHv0/img.png)
현재 만들고 있는 앱의 디자인이 Bottom Navigation Bar (system UI) 와 어울리지 않아서 숨겨 두었다. main 함수에 아래와 같이 추가하면 숨겨진다 문제는 이 엃게 숨겨진 bottom navigation bar 가 영원히 숨겨지는게 아니란 것이다. 사용자가 터치스크린의 bottom edge에서 위쪽으로 swipe하면 다시 나타난다. 그리고 이로 인해 bottom 에 overflow가 발생한다. 이 문제를 해결하기 위해 구글링을 해보았다. 나와 같은 문제를 겪은 사람들이 몇몇 보이지만 완벽하게 해결할 수 있는 방법은 없는 듯하다. (몇 명 보이지 않는 이유가 화면 구성시 이러한 문제가 발생하지 않게끔 해주는 widget 이나 structure 가 있는지도 모르지....) 하나 찾은..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/ca19z3/btsdBPfaM0V/QhnH7eG17AtWgO9uF9tnak/img.png)
Firebase crashytics 를 사용하려면 Firebase cli를 먼저 설치한뒤 configure 해야 하는데, configure 가 되지 않고 아래의 오류 메시지만 뜬다. Firebase 연동부터 문제에 부딪혔다. 찾아보니 cli를 설치할때 바이너리 파일로 설치하지말고, npm 명령을 통해서 설치하면 된다는 글이 있어 따라해보았다. FirebaseCommandException: An error occured on the Firebase CLI when attempting to run a command Flutterfire just added a CLI for us to use but I'm having a problem with the flutterfire configure command. I..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/o57W8/btr4Pqs2n4K/LK3LPKPGkZfnTHYsA7NgKK/img.png)
동영상을 asset 에 넣고 app bundle을 생성하니 700M 가 넘어서 deferred compoenet 를 적용하려고 여러 자료를 보면서 적용해보았으나 key 와 관련하여 문제가 발생하여 다시 roll back 하기전 내가 작업했던 부분 정리하려함. 그전에, key와 관련하여 알아보다가 여기 글에서본 명령을 입력해보니, ./gradlew signingReport deferred compoent 로 설정한 모듈에 대한 정보가 없었다. 이걸 채워주지 않아서 안된가건가 싶기도 하다. 아무튼, 롤백하기전 수정한 것들을 하나씩 정리해보자. pubspec.yalm 파일에 assets/video 삭제하고, 아래와 같이 deferred-components 에 새로운 모듈 이름과 추가할 에셋 directory ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/b0r0Rs/btr35FZnS0I/uaqdBKoG4JltIAfKm98Fh1/img.png)
몇가지 문제 때문에 android studio를 다시 설치학고, flutter upgrade 하여 최신으로 유지한 상태에서 build를 했더니 아래와 같은 error 메세지가 떴다. 이 메세지를 시작으로 아래에 여러 error 가 떴는데, 우선 이것부터 잡아보자. 메세지를 읽어보니 complie 할때 필요한 ndk 버전이 23.1.7779620 인 것을 메세지를 톻해 알 수 있다. 이 ndk 버전이 내 컴퓨터에 있는지 확인해보자. 1. 안드로이드 스튜디오 메뉴에서 Tools>SDK manger 를 선택한다. 팝업창이 뜬다. SDK tools 탭을 선택하고, 오른쪽 아래 모서리쯤에 있는 show package details 를 체크한 뒤 중앙에 리스트에서 스크롤을 내리다보면 NDK(side by side)..
- Total
- Today
- Yesterday
- Chrome
- position
- 에러
- 인사이트
- 플러터
- 앱개발
- 앱
- plugin
- IOS
- DART
- error
- 이미지
- BLE
- hide
- firebase
- Flutter
- 한빛미디어
- Bluetooth
- Syncfusion
- 디자인
- addPostFrameCallback
- TextField
- 크롬
- 다트
- UI
- 문제 해결
- SizedBox
- 앱 프로그래밍
- UX
- TextFormField
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |