오늘은 앱을 처음 시작했을 때 보이는 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을 상, 하, 좌, 우, 높이, 너비를 설정할 수 있는데, 높이, 너비는 여러분이 생각하는 높이, 너비..
오늘은 csv, json 파일 등을 파이어베이스에 쉽게 저장하는 법을 배워보겠다. Firebase Firebase 저장소는 두가지가 있다. 하나는 Realtime DB이고 다른 하나는 Firestore DB이다. 그 둘의 차이점은 이 글에서 자세히 정리해 주어서 참고하면 좋을 것 같다. Firebase Realtime, Cloud Firestore [의미, 공통점, 차이점, 앱 기능에 따라 데이터베이스 추천] 우선 Firebase에 대해 먼저 알아보자! Firebase란 구글이 소유하고 있는 모바일 애플리케이션 개발 플랫폼이다. 앱을 개발하고 개선할 수 있는 도구 모음을 제공한다. 사실 처음에 Firebase는 단순히 데 iamthejiheee.tistory.com 그럼 Realtime DB에서의 파일 ..
이전 포스팅 - 네이버 지도 생성 플러터[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..
http로 전 세계 구글지사 json 파일을 받아 구글맵에 마커를 생성해 보겠습니다. 패키지 추가 HTTP 요청을 위해 http 패키지 추가 flutter pub add http json으로 받아온 데이터를 직렬화해주는 패키지를 추가 flutter pub add json_serializable flutter pub add --dev build_runner json 파싱 구글지사 json 파일은 일반적인 구조를 가지고 있습니다. 데이터를 코드에서 사용할 수 있는 객체로 직렬화해야 합니다. 아래의 위치에 json lib/src/locations.dart import 'dart:convert'; import 'package:http/http.dart' as http; import 'package:json_an..