프로그래밍102 [Flutter/android] 플러터에 안드로이드 앱 링크 적용하기 with Go Router 개요 플러터 프로젝트에 안드로이드에서 제공하는 app link 기능을 적용해 보겠습니다. android app link는 링크 형태를 통해 안드로이드 앱 내부로 접근 가능하도록 돕는 여러 링크 유형 중 하나입니다. android app link에 대해선 공식 문서를 참고하세요. 전제 앱 링크를 구현하는 방법은 여러 가지 입니다. 앱 링크를 적용할 플러터 프로젝트는 아래 flutter 플러그인을 사용해야 합니다. ✅ go_router 아래 플러그인은 사용하지 않습니다. (사용하지 말아야 합니다) ❌ app_links AndroidManifest.xml 수정 android > app > src > main > AndroidManifest.xml 파일에 flutter_deeplinking_enabled.. 2024. 12. 7. [Flutter] 플러터 안드로이드 apk 설치 오류 해결하기 개요 Flutter 앱을 apk 로 빌드하여 apk-release.apk 파일을 만들었습니다. 설치 과정은 진행되나 앱을 열 수가 없습니다. 이 문제를 해결해 보겠습니다. 해결 방법 아래와 같이 android/app/src/main/AndroidManifest.xml 파일 내 아래 MAIN/LAUNCHER 와 VIEW가 동일한 인텐트 필터에 있는 경우, 분리해 주세요. MAIN/LAUNCHER와 VIEW 인텐트를 함께 선언하면 안드로이드 시스템이 앱의 진입점을 명확히 이해하기 어려워 발생하는 문제입니다. 참고 자료 Flutter apk installed b.. 2024. 12. 4. [Flutter] 플러터 앱 성능 측정 및 평가, 성능을 개선하는 방법 with Android Studio 개요 안드로이드 스튜디오에서 플러터 어플리케이션 성능을 측정하고 평가, 성능을 개선하는 방법을 서술합니다. 안드로이드 스튜디오는 LadyBug 2024.02 버전을 기준으로 서술합니다. 저는 실 기기에서 프로파일 모드 실행했습니다. 참고하세요. 프로파일 모드로 앱 실행 안드로이드 스튜디오 > Run > Flutter Run 'main.dart' in Profile Mode 를 선택합니다. 또는 터미널에서 아래 명령어로도 실행 가능합니다. flutter run --profile DevTool 열기 프로파일 모드로 실행하면 안드로이드 스튜디오 우측에 Performance 탭이 활성화 되면서 아래와 같은 화면이 나타납니다. 하단 Open Devtool 을 클릭하여 좀 더 자세히 보겠습니다. DevTo.. 2024. 11. 11. [Flutter] Android Studio LadyBug Unsupported class file major version 65 빌드 에러 해결 개요 안드로이드 스튜디오 LadyBug 버전이 나와 업데이트했습니다. 업데이트 한 후 빌드에 문제 없었던 플러터 프로젝트 빌드 에러가 발생했는데요, 이 문제를 해결해 보겠습니다. 주의 이 글에서 소개하는 해결 방법이 항상 통하는 것은 아닙니다. 제가 다른 문제가 발생할 때 참조하기 위해 작성한 메모성 글입니다. 각 행동에 대한 충분한 근거를 서술하지 않습니다. 각 개발 환경이 모두 다르기 때문입니다. 사용하는 NDK 버전, 플러그인 버전, Dart SDK, Flutter SDK 버전들을 고려하여 적용해보시길 바랍니다. FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':gradle:compileGroov.. 2024. 11. 10. [Flutter] flutter_native_splash 사용하여 Splash Screen 구현하기 설치 플러그인을 설치합니다.flutter pub add flutter_native_splash pubspec.yaml 에 옵션 추가아래와 같이 pubspec.yaml 파일에 옵션을 추가하세요. 모든 옵션은 여기서 확인해 주세요. 주의 안드로이드 12 이상 운영체제를 탑재한 기기는 이미지가 클립화 되어 이상하게 출력될 수 있습니다. 이미지 크기를 조정해 주세요.flutter_native_splash: color: "#ffffff" image: image/logo.png android: true android_12: image: image/logo.png ios: true 적용 아래 명령어를 통해 splash screen 옵션을 적용해 주세요. 옵션이 바뀔 때마다 적용이 필요합니다. dart .. 2024. 10. 6. [Flutter] Futurebuilder Future ListView 템플릿 개요 FutureBuilder Future 객체를 활용 코드 템플릿입니다. 코드 * Future 객체 생성 객체를 초기화 해줍니다.Future fruitListFuture = Future.value([]); * 객체에 담을 데이터 Fetching 함수 작성 아래와 같은 형태로 데이터 패칭을 담당할 함수를 작성합니다. // 유저의 리뷰 목록을 가져오는 함수 Future getFruit() async { // 여기에 각 상황에 적합한 fetch 함수 추가 if (response['code'] == 200) { return response['data']['list']; } return []; } * FutureBuilder 작성 return FutureBuilder( .. 2024. 9. 28. 이전 1 2 3 4 5 ··· 17 다음