[Flutter] tabbar background color in flutter

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

• format_list_bulleted Development/Flutter
• · 2023. 9. 1.
• textsms

[해결방법] 플러터 오류 - [CP] Embed Pods Frameworks

피클 v1.2.0을 업데이트 하는 과정에서 XCode를 14.3으로 업데이트 하게 되었습니다. (iPhone 16.4를 갑자기 설치하게 하더니 업데이트 하고 나서는 폰이 XCode와 연결되지 않는 문제가 있었더랍니다. 덕분에 MacOS도 13.4로 업데이트 하였네요.) XCode를 업데이트 하고 나니 아래와 같은 오류가 발생했네요. Run Custom shell script '[CP] Embed Pods Frameworks' Command PhaseScriptExecution failed with a nonzero exit code 구글링을 해보니 여러가지 솔루션을 찾아볼 수 있었는데 저는 가장 심플한 방법을 선택했답니다. [해결방법] Pods-Runner-frameworks 파일 수정하기 1. XCod..

• format_list_bulleted Development/Flutter
• · 2023. 5. 22.
• textsms

[해결방법] BGTaskSchedulerPermittedIdentifiers 오류, iOS ERROR ITMS-90771

Flutter에서 iOS 테스트를 위하여 TestFlight를 이용하기 위해 Archive를 하고 앱스토어에 업로드를 하는 중에 아래와 같은 에러 메시지 창이 떴습니다. 에러 메시지에 문제와 해결방안이 적혀있으니 어떻게 해결하는지만 확인해보시죠. /ios/Runner/Info.plist 파일에 아래 항목만 입력해주면 끝입니다. BGTaskSchedulerPermittedIdentifiers $(PRODUCT_BUNDLE_IDENTIFIER)

• format_list_bulleted Development/Flutter
• · 2023. 4. 29.
• textsms

[해결방법] MapBox error, FusedLocationProviderClient

이번 프로젝트에 MapBox를 사용한 맵 기능을 개발하기 위해 스터디를 하고 있는중에 몇일간 괴롭히던 문제의 원인을 알게되어 기쁜마음에 블로그를 작성하게 되었습니다. 먼저, 아래와 같은 무시무시한 사이즈의 Exception인데요. E/Mbgl-MapChangeReceiver(31392): Exception in onDidFinishLoadingStyle E/Mbgl-MapChangeReceiver(31392): java.lang.IncompatibleClassChangeError: Found interface com.google.android.gms.location.FusedLocationProviderClient, but class was expected (declaration of 'com.googl..

• format_list_bulleted Development/Flutter
• · 2023. 4. 12.
• textsms

Package name, Bundle identifier 확인 방법

플러터로 개발하다보면 AOS의 PackageName과 IOS의 BundleIdentifier 정보를 확인해야 할때가 있는데요. 까먹지 않기 위해 정리해놓습니다. Android iOS 1. ios/Runner/Info.plist CFBundleIdentifier $(PRODUCT_BUNDLE_IDENTIFIER) 2. ios/Runner.xcodeproj/project.pbxproj PRODUCT_BUNDLE_IDENTIFIER = com.octoverse.appname; 같이 보면 좋은글 - Flutter 앱 이름 변경 https://kjmhercules.tistory.com/26 [해결방법] Flutter App 이름 변경 플러터로 만든 앱 이름을 변경해야 할 때가 있습니다. 간단하지만 자주 사용하지 ..

• format_list_bulleted Development/Flutter
• · 2023. 4. 11.
• textsms