플러터

간단해 보이는 탭바의 배경색을 변경하는 로직을 짜보려고 했는데 생각보다 만만하지 않았기에 그 내용을 간추려 적어보려고 합니다. 우선 구현하고자 했던 View는 아래와 이미지와 같습니다. 1. 상단에는 여행지의 리스트가 보이고 2.하단에는 두개의 탭이 있는 화면입니다. 상단의 여행지 리스트와 하단의 탭 리스트 모두 스크롤이 되어야 했기에 NestedScrollView를 사용해서 구현했습니다. NestedScrollView를 사용하는 예제는 많이 있으니 찾아보시고 혹시 code snippet이 필요하시면 댓글로 남겨주세요 :) 그럼 탭바의 배경색을 변경하는 방법에 대해 바로 설명해보겠습니다. PreferredSizeWidget renderTabBar() { var _tabBar = TabBar( . . . ..

플로이 앱을 개발하면서 인앱결제를 붙이게 되었는데 어째서인지 아래의 이미지와 같이 [앱 내 구입] 메뉴의 판매 항목이 메타데이터 누락됨 으로 설정된 상태로 적용되지 않는 문제가 발생했습니다. 그래서 관련된 문제점을 찾아보니 스크린샷이 적용되지 않은 문제인걸 파악했습니다. AppStoreConnect 도움말에 있는 정보를 보면 앱 심사 스크린샷의 링크를 따라가보면 이렇게 앱 미리보기 및 스크린샷 페이지로 연결되는데 여기에는 인앱결제의 심사용 스크린샷에 대한 정보는 따로 없더라고요. 그래서 더 찾아보니 인 앱 결제 심사용 스크린샷은 사이즈가 다르단걸 확인했어요. 바로 640X920 사이즈 였습니다. 저는 스크린샷에 사용할 이미지가 두장이라 두장을 겹쳐서 640x920 사이즈로 만들었고, 심사용 추가 정보에 ..

아래 오류는 플러터를 처음 접하는 개발자부터 중급이상의 개발자까지 두루 접하게 되는 문제인것 같다. Vertical viewport was given unbounded height. 리스트나 스크롤뷰를 사용하는 시점부터 자주 접하게 되는 이슈인데 항상 문제점만 해결하고 넘어갔지만 오늘은 큰 맘먹고 해결 방법에 대해 몇가지 작성해보려고 한다. 우선, 해당 오류가 발생하는 코드부터 만들어보았다. ListView를 Column안에 사용한 코드 이다. import 'package:flutter/material.dart'; class SampleListView extends StatefulWidget { const SampleListView({Key? key}) : super(key: key); @override..

몇일 전까지만 해도 잘 빌드하고 있던 프로젝트를 다시 빌드하는 도중에 아래와 같은 에러가 발생하였다. 손댄게 없는데 왜 이러지?? (물론 중간에 다른 Flutter 버전의 프로젝트를 손댄것도 있고 빌드환경을 여러번 변경하면서 뭔가가 바뀌었을수도 있다... ㅎ.ㅎ;;) FVM을 사용하고 있기에 빌드 환경이 달라질것은 없었을건데.. 분명 확실한건 코드가 변경된적은 없다는거다. 하지만 시뻘건 Execution failed for task ':app:compileDebugKotlin'. 에러는 나로 하여금 부아가 치밀어오르게 하였다. e: /Users/hercules/.gradle/caches/transforms-2/files-2.1/0a8b6acd7511bb68f51a990622cf3203/jetified-k..