모바일어플개발/Flutter Tips(18)
-
[018] 플러터 (Flutter) Tip - simple_html_css 패키지 사용하여 HTML 코드 표현하기
안녕하세요~ totally 개발자입니다. 앱을 개발하다보면 HTML 코드를 표시해야 하는 경우가 생기는 데, 그 경우 사용하기 좋은 패키지가 있습니다. 바로 simple_html_css입니다. 자세한 사용법은 아래 문서를 참고하시기 바라며 예제를 통해 바로 실습해보도록 하겠습니다.https://pub.dev/packages/simple_html_css simple_html_css | Flutter packageThis package allows you to use simple HTML and inline CSS styles to style your text in flutter. A fork of css_text package.pub.dev Step 1: 먼저 pubspec.yaml 파일에 simple_..
2025.03.25 -
[017] 플러터 (Flutter) Tip - flutter_native_splash 사용시 안드로이드 12이상에서 중앙 이미지가 잘려 보이는 경우 해결 방법
안녕하세요 totally 개발자입니다. flutter_native_splash를 사용하면 간단하게 스플래시 화면을 구축할 수 있는데, 단점은 직접 커스텀해서 만들 수는 없어서 정해진 틀 안에서 사용하시면 좋은 패키지입니다. 이 패키지를 사용하면 화면의 중앙부, 하단부, 배경 이 3 부분을 활용해서 제작을 해야 합니다.pubspec.yaml 맨 하단에flutter_native_splash: color: "#ffffff" # 배경 색 image: "assets/splash_image.png" # 중앙 이미지 branding: "assets/branding_image.png" # 하단 이미지 android_12: color: "#ffffff" image: "assets/splash_andro..
2024.12.26 -
[016] 플러터 (Flutter) Tip - FCM 세팅시 안드로이드 missing default_notification_channel_id 문제 해결법 (백그라운드에서 푸시 헤드업 알림을 받지 못하는 경우)
안녕하세요 totally 개발자입니다~ Firebase Cloud Messaing (FCM) 푸시 알림 세팅할 때 안드로이드에서 세팅을 다 완료해준 것 같은데 아래와 같은 오류가 뜨는 경우가 있습니다. "W/FirebaseMessaging(24847): Missing Default Notification Channel metadata in AndroidManifest. Default value will be used." 이는 AndroidManifest에 default_notification_channel_id 부분이 제대로 인식되지 않기 때문에 나오는 오류인데, 아래처럼 위치를 조정해주면 빠르게 해결할 수 있습니다. 위치를 activity 태그 안에 두는 것이 아니라, application 태그 안에..
2024.12.24 -
[015] 플러터 (Flutter) Tip - Mac에서 JAVA_HOME is set to an invalid directory 해결
안녕하세요~ totally 개발자입니다. 초기 세팅시 Mac(애플 실리콘 기준)에서 플러터로 안드로이드 에뮬레이터 등을 구동하려고 할 때, 아래와 같은 오류가 날 때, 해결 방법입니다. 저는 openjdk17를 brew를 이용해 설치하였습니다. 먼저 flutter doctor -v 명령어로 터미널에 입력하시면 대체적으로 아래와 같은 오류가 나올 것입니다.Cannot execute /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java to determine the version버전을 확인할 수 없다는 내용인데 이 경우 해결을 해보려고 ~/.zshrc 환경설정 JAVA_HOME, PATH 설정 등 계속 source ~/.zshrc 명령어로..
2024.12.06 -
[014] 플러터 (Flutter) Tip - Your app is using an unsupported Gradle project 안드로이드 빌드 문제 해결
안녕하세요 totally 개발자입니다~ 오늘은 플러터 앱을 안드로이드 휴대폰으로 실행해볼 때 나타날 수 있는 문제 및 해결책을 알아보도록 하겠습니다. 1) 지원되지 않는 Gradle project 문제 Your app is using an unsupported Gradle project. To fix this problem, create a new project by running flutter create -t app and then move the dart code, assets and pubspec.yaml to the new project. 위와 같은 문제가 발생하는 경우는 AndroidManifest.xml 파일과 build.gradle 파일을 같이 보셔야 합니다. Step 1: 먼저 andro..
2024.02.09 -
[013] 플러터 (Flutter) Tip - cocoapods-downloader requires Ruby version >= 2.7.4 (ruby 버전 문제) 해결 방법
안녕하세요~ totally 개발자입니다. 패키지 등을 업데이트하여 빌드하려고 할 때 아래와 같은 에러를 마주하는 경우가 있습니다. sudo gem install cocoapods를 진행할 때 나올 수 있는 오류인데요. 여러 가지 방법을 시도해본 결과 다음의 방법으로 해결하였으니 참고하시면 좋을 것 같습니다. There are no versions of cocoapods-downloader (>= 2.0) compatible with your Ruby & RubyGems. Maybe try installing an older version of the gem you're looking for? cocoapods-downloader requires Ruby version >= 2.7.4. The curren..
2023.11.01