Background 어플의 모두 완성하고 출시하려면 구글 플레이와 아이폰 앱스토어에 심사를 요청해야 한다. 이때 함께 제출해야 하는 것이 앱에 고유한 패키지 이름이다. 기본적으로 패키지 이름은 com.example.(프로젝트이름) 으로 지정되어 있다. android/app/build.gradle 만약 이 이름이 고유하지 않고 중복이 된다면 심사가 거절됨으로 항상 출시 전에 확인을 해야 한다. 오늘은 이런 패키지 이름을 Android/Ios 별로 변경하는 법을 알아보겠다. Android 시작에 앞서 패키지 이름변경을 도와주는 change_app_package_name라는 패키지를 다운로드하여준다. dev_dependencies: change_app_package_name: ^1.1.0 change_app_..

오늘은 플러터에서 플랫폼 위젯을 통해 Andorid, Ios을 분기처리를 하는 방법에 대해 알아보겠습니다 사전배경 여기 두개의 스위치가 있습니다. 위에는 안드로이드의 Meterial 디자인이고, 아래는 Ios의 Cupertino 디자인이다. Platform 사용 만약 사용자가 사용하는 플랫폼별로 원하는 스위치를 보여주려면 어떻게 할까? 바로 Platform을 활용해 주는 것이다. Platform을 입력 후 콤마(.)를 찍고 원하는 플랫폼을 선택한다. 이후 QQ Operator을 사용하여, Ios 일때는 CupertinoSwitch를 Android 일때는 기본 Material Switch를 사용하겠다. 이후 플랫폼별 실행을 해보면 각각에 플랫폼에 맞게 Switch가 보이게 된다. Android 결과화면 I..

오늘은 앱을 처음 시작했을 때 보이는 splash 화면을 쉽게 설정하는 법을 알아보겠습니다. 패키지 다운 splash 화면을 쉽게 적용시켜주는 flutter_native_splash 패키지를 다운한다. flutter pub add flutter_native_splash flutter_native_splash | Flutter Package Customize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full screen, and more. pub.dev 이미지 준비  기본 이미지 사이즈 : 768 x 768 android12 이미지 사이즈 : 1152x1152..

오늘은 Stack 위젯 사용법을 알아보겠다. Stack 사용 이유기본적으로 Flutter의 위젯들은 한층 한층 쌓이는 형태이다. 그러면 위젯들을 겹치고 싶으면 어떻게 할까? 그때 Stack 위젯을 사용하면 된다. Stack 사용법위에 코드에서 column을 stack으로 바꿔보자 그러면 Container 위젯들이 이렇게 겹쳐지게 된다. 여기서 알 수 있는것은 코드 순서대로 위젯이 쌓인다는 것이다. PositionedStack에서 위젯들의 위치를 설정할 때는 positioned를 사용한다. positioned 사용법은 위치를 설정하고 싶은 위젯에 positioned 위젯을 감싸면 된다. positioned을 상, 하, 좌, 우, 높이, 너비를 설정할 수 있는데, 높이, 너비는 여러분이 생각하는 높이, 너비..

이전 포스팅 - 네이버 지도 생성 플러터[Flutter] 네이버지도[Navermap] 생성 (2023ver) 플러터에서 네이버지도를 생성하는 것은 쉽지 않다. 나도 네이버지도를 생성하려고 하다가 포기했지만 구글링 하던 중 때마침 한국의 어떤 개발자분이 네이버지도 라이브러리를 만들어줘서 설 daino.tistory.com 이전 글에 이어 네이버맵에서 마커를 생성하고 마커 클릭 시 정보창이 생성되게 해 보겠습니다. 이 글은 android기준 flutter_naver_map^1.0.1 버전을 사용했습니다. 위젯 알기 NaverMap의 여러 위젯 중 onMapReady란 위젯에 있습니다. 간단하게 설명하면 지도생성과 함께 실행되었으면 할 코드를 지정할 수 있습니다. 보통 마커는 지도와 함께 생성됨으로 onMap..

플러터에서 네이버지도를 생성하는 것은 쉽지 않다. 나도 네이버지도를 생성하려고 하다가 포기했지만 구글링 하던 중 때마침 한국의 어떤 개발자분이 네이버지도 라이브러리를 만들어줘서 설명해 보려고 한다. 이 글은 android 기준 flutter_naver_map" ^1.0.1 버전을 사용했습니다. 라이브러리 추가 네이버 지도 라이브러리를 추가한다. flutter pub add flutter_naver_map android 구성 안드로이드에서 화면 잠금시 지도가 생기는 이슈 때문에 코드를 추가한다. android/app/src/main/kotlin/.../MainActivity.kt import android.os.Bundle import io.flutter.embedding.android.FlutterAct..