Mobile/Flutter

[Flutter] FAILURE: Build failed with an exception. A problem occurred evaluating project ':app'. > path may not be null or empty string. path='null' 오류

Environments M1 Mac pro 14 VSCode Flutter 3.3.8 Galaxy A52 (SM A525F) Error Message FAILURE: Build failed with an exception. * Where: Build file '/Users/jaewonlee/Desktop/milkflutter/android/app/build.gradle' line: 69 * What went wrong: A problem occurred evaluating project ':app'. > path may not be null or empty string. path='null' * Try: > Run with --stacktrace option t..

[Flutter] BottomNavBar Icon에 알림 뱃지(Notification Badge) 달기

BottomNavigationBar(CupertinoTabBar)에서 아이콘에 알림 뱃지 달아야 되는데, 은근 그냥 간단한 작업은 아니였어서 기록. BottomNavigationBar 아니여도, 알림 뱃지(Notification Badge)를 달 때 따라해도 될 것 같고, BottomNavigationBarItem 이용하는거니까 Material Style의 BottomNavigationBar든, Cupertino Style의 CupertinoTabBar든 상관 없이 참고해도 괜찮을 것 같다. 시작(기본 코드) 우선 기본적으로 이렇게 생긴 Navigation Bar에서 시작해 보겠다. 코드는 아래 참고. class Homescreen extends StatefulWidget { @override _Home..

[Flutter] Warning: CocoaPods not installed. Skipping pod install. 오류

Error Message Warning: CocoaPods not installed. Skipping pod install. CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side. Without CocoaPods, plugins will not work on iOS or macOS. For more info, see https://flutter.dev/platform-plugins To install see https://guides.cocoapods.org/using/getting-started.html#installation f..

[Google Maps API, Flutter] Google Maps(Places) API에서 response 언어 한국어로 설정하기

http (REST API) 관련이기 때문에 다른 프로젝트에서도 동일하게 적용 가능합니다. Flutter 프로젝트를 진행하다, Google Places API를 이용해 텍스트로 장소를 검색하는 기능을 만드는데 response JSON에서 장소 이름이 영어로 나와서 화면에 띄워주기엔 좀 불편했다. 그래서 한국어로 response를 받을 수 있는 방법이 있는 지 찾아보았다. 우선, 기존에는 검색어 텍스트를 이용해 get요청으로 장소 정보를 받아오고 있었다. String url = "https://maps.googleapis.com/maps/api/place/textsearch/json?query="; String key = dotenv.env['GOOGLE_PLACES_API_2'] ?? ""..

[Flutter] Container 안에서 이미지 사이즈 원하는대로 조정하기

Container 안에 이미지를 넣어서 흰 배경에, 이미지가 작게 들어가도록 하고 싶었다. 그런데 자꾸 Container의 child인 이미지가 Container의 width, height를 따라가는 것이.. 문제였음(container를 꽉 채움) Container( width: 130, height: 130, decoration: BoxDecoration( color: Colors.blue,// 시각적으로 잘 보이도록 파란색으로 바꿈 borderRadius: BorderRadius.circular(10), ), child: Image( image: AssetImage("assets/img/dummyPikachu.png"), width: 100, height: 100, ), ), 이런 식으로 나온다. 이..

[Flutter, Firebase] CocoaPods could not find compatible versions for pod "Firebase/CoreOnly": 에러 (M1 Mac 환경)

오류 메시지 firebase_core: Using Firebase SDK version '9.4.0' defined in 'firebase_core' [!] CocoaPods could not find compatible versions for pod "Firebase/CoreOnly": In Podfile: firebase_core (from `.symlinks/plugins/firebase_core/ios`) was resolved to 1.21.1, which depends on Firebase/CoreOnly (= 9.4.0) None of your spec sources contain a spec satisfying the dependency: `Firebase/Co..

[Flutter, Firebase] Pub installs executables into $HOME/.pub-cache/bin 에러 (Firebase CLI)

오류 메시지 Warning: Pub installs executables into $HOME/.pub-cache/bin, which is not on your path. You can fix that by adding this to your shell's config file (.bashrc, .bash_profile, etc.): export PATH="$PATH":"$HOME/.pub-cache/bin" 문제 상황 https://firebase.google.com/docs/flutter/setup?hl=ko&platform=ios Flutter 앱에 Firebase 추가 Google은 흑인 공동체를 위한 인종적 평등을 추구하기 위해 노력하고 있습니다. 자세히 알아보기 의견 보내기 Flutter 앱에 ..

[Flutter, Figma] Figma 와이어프레임 Flutter 화면으로 변환하기 - Figma to Flutter

Figma wireframe으로 화면 디자인 후, 그대로 flutter 코드로 편하게 옮기고 싶어 찾아보고 정리했다. 그런데 이 방법은, 한 페이지 전체보다는 디자인된 버튼이나, 구성 요소를 옮겨오고 싶을 때 쓰는 것이 더 적절할 것 같다. 1. 와이어프레임 제작 & Component 생성 Figma에서 작업 후, Flutter 화면으로 만들고 싶은 페이지를 선택해서 Ctrl+Alt+K 또는 우클릭 후 Create Component를 눌러 Component를 생성해 준다. 컴포넌트 생성을 안 하면 나중에 안 뜸. 2. Figma Personal Access Token 생성 (개인 API Key) 먼저, 피그마에 로그인 후 개인 화면에서 우측 상단 프로필을 눌러 Setting에 들어간다. Settings에..