안녕하세요~ totally 개발자입니다. 이 포스팅에서는 Flutter 기반 앱을 인앱토스의 ait 번들로 생성하는 방법에 대해서 공유합니다.인앱토스는 말그대로 토스 앱 안에 있는 미니앱을 말하며, Reactive Native, Webview, Flutter, Unity 등 여러 플랫폼을 지원합니다.그 중에 Flutter 기반 앱을 ait 번들로 생성해보도록 하겠습니다. 과정은 아래와 같습니다. (앱인토스 콘솔은 준비되어 있다고 가정합니다)1) Flutter Web 빌드2) Vite 프로젝트 생성3) Vite 프로젝트에 앱인토스 SDK 설치4) Flutter Web 빌드 결과물을 Vite 프로젝트의 public 폴더로 복사5) Vite 프로젝트의 App.tsx 파일 수정6) Vite 프로젝트에서 ait ..

안녕하세요~ totally 개발자입니다. 플러터 3.27.0 버전을 사용하는 경우에 일부 안드로이드 기기예를 들어 A15, S22 울트라 등) 중 일부 기기에서 UI가 깨져 보이거나 메모리 이슈로 표현되는 문제가 발생되는 경우에 조치해볼 수 있는 방안을 공유합니다. 예를 들어 아래와 같은 오류가 표시되면서 앱이 종료되거나 UI 렌더링 되는 도중에 이미지 또는 글씨 화면이 이상하게 표시된다는 등 문제가 발생하는 경우가 있습니다. #14 pc 00000000020f7c64 /data/app/~~19vvJ9--iJS_ E/flutter ( 2346): [ERROR:flutter/impeller/renderer/backend/vulkan/command_queue_vk.cc(66)] Impeller valida..

안녕하세요~ totally 개발자입니다. 최근 minSdkVersion을 최소 35로 해야 앱 업데이트가 가능하다는 공지가 있기에 해당 부분을 작업하며 나오는 오류들을 하나씩 해결한 기록입니다. 대부분 Stack overflow를 참고하였고 참고 링크도 아래 모두 달아두었습니다. Step 1: 먼저 android > app > build.gradle 파일로 접속해서 compileSdk를 35로 설정 Step 2: 설치된 gradle 버전에 따라 AGP 버전 오류가 나오면, 아래처럼 android > settings.gradle 파일에 com.android.application 버전을 수정해줍니다. Step 3: android > gradle > wrapper > gradle-wrapper.propert..

안녕하세요 totally 개발자입니다. 최근 업데이트가 계속 됨에 따라 USE_EXACT_ALARM은 앱의 주요 기능이 아닌 이상, 구글 플레이스토어에서 대부분 심사 거절되는 경우가 많습니다. 보통 앱에서 알람을 위해 flutter_local_notification 패키지와 함께 USE_EXACT_ALARM 권한을 지정하는 경우가 있습니다. 보통 권한 확인을 위해 AndroidManifest.xml 파일에 이렇게 작성하셨을 것입니다.앱의 주요 기능이 아닌 경우 보통 플레이스토어 앱 심사에서는 해당 권한을 허용해주지 않는 것으로 보입니다. SCHEDULE_EXACT_ALARM를 사용하라고 나오는데 만약 USE_EXACT_ALARM를 제거하고 바로만 사용하면 알람 지정시 오류가 발생합니다. (zonedSc..

안녕하세요~ totally 개발자입니다. 컨테이너 안에 텍스트를 넣는 경우 가로 길이를 원하는대로, 반응형으로 하기 원하시는 분들이 있으실 겁니다. 보통 아래와 같이 일반적으로 컨테이너 위젯 안에 단일 텍스트 위젯 구성으로 되어 있으면 자동으로 이것이 가능하지만Container( child: Text("HELLO WORLD"),), Row 위젯 등 여러 위젯들과 같이 복합적으로 사용될 때에는 IntrinsicWidth 같은 위젯 사용이 필요합니다.예를 들어, 2개의 텍스트가 있는 박스가 Row 위젯 안에 들어있다고 가정합니다. 코드는 아래와 같습니다. Row( children: [ Expanded( child: Container(color: Colors.blue, child: Tex..

안녕하세요~ totally 개발자입니다. 먼저 기존 포스팅을 진행하셔야 하며, 이 포스팅에서는 플러터에 Appsflyer를 설치하는 방법을 소개합니다.https://totally-developer.tistory.com/192 [001] Appsflyer - Flutter(플러터) 연동하기 1안녕하세요 totally 개발자입니다. 이번 포스팅에서는 Appsflyer 마케팅 도구를 가지고 Flutter에 연동하는 방법에 대해 소개하도록 하겠습니다. Step 1: Appsflyer 웹사이트에 들어가신 후 회원가입을 진totally-developer.tistory.com  Step 1: 먼저 pubspec.yaml 파일에 appsflyer_sdk 패키지를 설치합니다. (현재 기준 최신 버전)  Step 2: 그..