frameworks

플러터로 앱 개발시 여러 디바이스에서 동시에 디버깅을 하는 것은 매우 유용하다. 플러터가 크로스 플랫폼 프레임워크인 만큼 여러 개의 플랫폼에 출시할 가능성이 높고, 이 때문에 안드로이드 / ios 두 개의 시뮬레이터를 동시에 띄워놓고 각각 플랫폼 별 상태를 확인한다던지, 아니면 시뮬레이터와 실제 기기의 경험이 분명 다르기 때문에 시뮬레이터 / 실제 기기를 동시에 띄워놓고 작업한다면 굉장히 효율적이다. 여러개의 디바이스에서 디버깅하는 방법은 아래와 같다.1. 실행을 원하는 deviceId 구하기2. vscode launch.json 작성하기3. 실행하기 방법이 굉장히 쉽고 간단하다.1. 실행을 원하는 deviceId 구하기flutter devices터미널에 명령어를 입력하면 현재 연결된 기기들의 devic..

Flutter 3.16을 올리고 UI 문제가 생겼다면 material3 문제이다. 나도 flutter 3.16.x 버전으로 올리고 앱의 ui가 깨져보이기 시작했는데.. 위 처럼 보이던 탭바가 아래처럼 보이기 시작했다. 그 밖에도 버튼 누를 때 애니메이션 같은게 조금 바뀌었다. 왜 그런가 찾아보니 flutter 3.16에서는 Material3가 기본이라고 한다. https://medium.com/flutter/whats-new-in-flutter-3-16-dba6cb1015d1 What’s new in Flutter 3.16 Material 3 by default, Impeller preview for Android, DevTools extensions, and much more medium.com 그럼 ..

splash screen 과 launch screen 은 같은 말이다. 앱이 켜질 때 로고 등을 보여주는 화면인데, 이 때 서버에서 정보를 받아올 수 있고 내부적으로 데이터를 로드할 수도 있다. 따로 설정하지 않으면 플러터에서는 흰 화면을 보여준다. 우리는 flutter_native_splash 패키지를 이용해서 굉장히 간단하게 구현할 수 있다. ios 나 안드로이드 12 버전 이전에서는 잘됐으나 안드로이드 12부터 조금 바뀌었다고 한다. 그래서 안드로이드 12 이상에서는 아래와 같이 두 번 나왔다. 이것을 이해하려면 안드로이드에서 splash screen의 동작원리에 대해 이해할 필요가 있다. 우선 앱이 켜지는 과정을 보면 안드로이드 앱이 실행 -> 플러터가 첫 프레임을 그리는 순서이다. 안드로이드에서..

이 글은 2022년 10월 7일에 첫 작성되었습니다. (https://github.com/shs395/shs395.github.io/blob/master/content/flutter/version-upgrade/index.md) 버전 업그레이드 자세한 사항을 보려면 Upgrading Flutter(공식문서) 버전 업그레이드 자체는 되게 간단했다. flutter upgrade 한줄이면 스테이블 버전으로 업그레이드 된다. Upgrading Flutter to 3.3.4 from 2.10.4 ... 너무 쉽네 하고 앱을 빌드해보았더니 역시 에러가 났다. 간단한 앱인데도 쉽게쉽게 안되는구나,, 하나씩 해결해보자 에러 해결법 deployment target 에러 The iOS Simulator deployment..