Flutter
-
[Flutter] Prefer const with constant constructors 해결방법Flutter 2021. 10. 21. 20:57
안녕하세요. 뿔테 안경 개발자입니다. 최근 flutter 팀에서 flutter_lints라는 새 패키지를 만들었는데 analysis_options.yaml에 기본적으로 추가됩니다. 이전에 하던 방식으로 코드를 작성하려 하니 눈에 거슬리는 밑줄들이 보여서 신경이 많이 쓰였는데요. prefer const with constant constructors 오류를 해결하기 위해선 여러 가지 방법이 있는데 파일 상단에 무시 줄 주석을 추가해주는 방법이 있습니다. // ignore_for_file: prefer_const_constructors 이렇게 추가해주면 오류가 사라집니다. 또 다른 방법으로는 analysis_options.yaml파일을 열고 다음 린터 규칙을 추가합니다. rules 하단에 세가지를 추가해주시..
-
[Flutter] AppBar에 Gradient를 사용해 꾸며보자Flutter 2021. 10. 21. 20:42
안녕하세요 뿔테 안경 개발자입니다 :) AppBar에 Gradient 속성을 부여할 수 있다는 것 알고 계셨나요? 잘 사용한다면 밋밋한 AppBar에 활력을 불어놓아 줄 Gradient 속성을 소개하고자 합니다. 아래에 AppBar 구성은 위 코드와 같습니다. 리스트 안에 담긴 Color들을 변경해주면 입맛에 따라 색상을 변경할 수 있으며 Alignment를 조정해주면 Gradient가 퍼지는 위치 변경이 가능합니다. 도움이 되셨다면 하트한번씩 눌러주시면 저에게 큰 힘이 됩니다. 감사합니다.
-
[Flutter] AppBar에 대해서 알아보자.Flutter 2021. 10. 21. 20:25
안녕하세요. 뿔테 안경 개발자입니다. 오늘은 앱의 꽃이라고 생각되는 AppBar에 대해서 알아보려고 합니다. 우선 기본적으로 제공되는 AppBar입니다. 일반적으로 AppBar는 Scaffold 안에서 생성이 가능합니다. 이제 AppBar의 타이틀을 변경해보고 중앙으로 옮겨도 보겠습니다. 타이틀을 중앙으로 위치시키려면 centerTitle에 값을 true로 주시면 됩니다. false를 주게 된다면 원상태로 복구가 됩니다. 다음으로는 AppBar의 색상과 높이를 변경해보도록 하겠습니다. 저는 grey 색상으로 변경하고 높이는 0으로 지정해보겠습니다. 높이는 elevation을 사용해서 조절이 가능합니다. elevation은 기본적으로 double(소수) 값을 받기 때문에 0.0으로 지정해줬습니다. 제법 그..
-
[Flutter] 공공 데이터 Encoding API키가 적용이 안될때 방법Flutter 2021. 10. 17. 14:22
공공 데이터를 신청해서 작업을 할 때 Encoding 된 키가 적용이 안돼서 여러 시도 끝에 해결했습니다. EncodigKey가 %%3D%3D 로 끝나는 경우 https://meyerweb.com/eric/tools/dencoder/ 해당 링크로 접속하셔서 Decode 작업이 필요합니다. Decode 작업을 끝냈을 경우 키가 == 로 끝이 나실 건데 Decoding 작업을 끝낸 키를 다시 적용하시면 정상적으로 작동이 될 것입니다.
-
[Flutter]MediaQuery를 적용한 Padding 값 입력시 오류 해결 방법Flutter 2021. 10. 12. 15:05
디바이스 기기마다 각자 고유의 크기가 존재하는데 이에 대응하기 위해선 반응형을 사용해야 합니다 반응형으로는 흔히들 MediaQuery를 이용해 자주 구현하시는데 저도 최근에 MediaQuery를 활용해 앱을 개발하다가 유독 Padding 값에 MediaQuery변수를 입력할 때 오류가 생겨 의문이 들었습니다. 우선 저는 이런 식으로 각각 변숫값에 width와 height를 따로 적용하여 사용했습니다. MediaQuery에 대해서는 이후에 같이 대화를 나누어보겠습니다. 이 오류에 대한 해결방법은 다음과 같습니다. 그저 EdgeInsets 앞에 붙은 const라는 키워드를 없애면 오류가 사라집니다. const 키워드는 한번 변수에 설정한 값은 다시 재설정할 수 없으며, const로 정의한 상수는 런타임에서 ..
-
[Flutter] D8: Cannot fit requested classes in a single dex file (# methods: 66953 > 65536) 대한 오류 해결방법Flutter 2021. 10. 12. 14:21
플러터로 앱 개발을 하다 규모가 커지게 되면 코드도 많아지면서 라이브러리도 또한 많아지게됩니다. 이럴때 나타나는 오류로 해결방법은 의외로 간단했습니다. 앱 하단에 build.gradle에 들어가서 multiDexEnabled true 를 추가해주시면 됩니다. 왜 멀티DEX에러가 발생하는 걸까? 너무 많은 메소드를 가져와서 실행을 하려고 하니 박스가 가득찬 탓에 메소드를 담을 그릇이 부족하기 때문에 박스를 더 추가하라고 요구하는 것입니다.