[Flutter] flutter.compileSdkVersion 위치 확인 및 변경 (One or more plugins require a higher Android SDK version 해결)

2023-12-01 1. 이슈 One or more plugins require a higher Android SDK version... InAppWebView를 사용하여 코드 수정 후 빌드 중에 위와 같은 에러가 발생했다. 이는 현제 사용하는 플러그인이 안드로이드에서 사용하기 위해서는 추가적인 Android SDK 버전업이 필요하다는 에러이며, 이를 올려주어야 한다. 2. complieSdkVersion build.gradle 에 complieSdkVersion 은 아래와 같이 flutter.compileSdkVersion으로 되어 있을 것이다. [자신이 설치한 플러터 경로]\packages\flutter_tools\gradle\flutter.gradle 에 작성된 설정값을 따르게 된다. 하드 코딩으로..

• format_list_bulleted App/Flutter
• · 2023. 12. 1.
• textsms

[Android] dex file 과 multiDexEnabled 알아보기 (Cannot fit requested classes in a single dex file.Try supplying a main-dex list. # methods: XXXXXX > 65536 해결)

2023-11-30 1. 이슈 발생 Cannot fit requested classes in a single dex file.Try supplying a main-dex list. # methods: XXXXXX > 65536 위와 같은 이슈가 발생하였는데 오류의 내용은 하나의 dex file은 65536을 넘길 수 없으니 당신의 앱이 main-dex list를 허용하라는 이슈이다. 우선 dex file이 뭔지 알아보자. 2. dex file? Android 애플리케이션(APK) 파일에는 DEX(Dalvik Executable) 파일 형식의 실행 가능한 바이트코드 파일이 포함되어 있으며, 여기에는 앱을 실행하는 데 사용되는 컴파일된 코드가 포함되어 있다. 즉 자신의 앱을 실행시키기 위한 바이트코드 덩어리..

• format_list_bulleted App/Android
• · 2023. 11. 30.
• textsms

[Flutter] Don't use 'BuildContext's across async gaps. Try rewriting the code to not reference the 'BuildContext' 해결방법

2023-11-29 1. 원인 비동기로 동작하는 코드에서 BuildContext를 사용해서 해당 문제가 발생하게 된다. 이는 widget의 비동기 동작 후에 정확인 mounted 되었는지 확인이 필요하며, 이후에 BuildContext를 호출해서 사용하라는 에러이다. 2. 해결 방법 해결 방법은 간단하다. 자신이 사용하는 비동기 함수에서 BuildContext 사용 전 mounted 가 되어있는지 확인하면 된다. 아래는 간단한 예제이며, if (!context.mounted) return; 를 통해서 현제의 context가 mounted 여부를 확인 할 수 있다. void foo(BuildContext context) async { await someFuture(); if (!context.mounted..

• format_list_bulleted App/Flutter
• · 2023. 11. 29.
• textsms

[Flutter] Class(model) getter setter 패턴 알아보기 (w.Dart)

2023-11-28 1. 패턴 Getter 아래는 getter를 사용한 패턴이다. get 키워드를 이용해 직사각형의 넓이를 추출하는 간단한 예제이다. class Rectangle { final int width, height; Rectangle(this.width, this.height); // This computed property is treated like a function // that returns a value. int get area => width * height; } Setter 아래는 Setter 를 활용한 패턴으로 Point 클래스로 x와 y와 받아 중앙값을 구한다. class Rectangle { final int width, height; Rectangle(this.width,..

• format_list_bulleted App/Flutter
• · 2023. 11. 28.
• textsms

[Flutter] 플러터 font 적용하기

2023-11-22 1. 설정 우선 자식의 애플리케이션 최상단에 font를 폴더를 생성한 후 사용할 font 파일들을 넣어준다. your_app/ fonts/ Raleway-Regular.ttf Raleway-Italic.ttf RobotoMono-Regular.ttf RobotoMono-Bold.ttf 이후 pubspec.yaml 에 아래와 같이 font 파일의 위치와 스타일등을 지정해 준다. flutter: fonts: - family: Raleway fonts: - asset: fonts/Raleway-Regular.ttf - asset: fonts/Raleway-Italic.ttf style: italic - family: RobotoMono fonts: - asset: fonts/RobotoMo..

• format_list_bulleted App/Flutter
• · 2023. 11. 22.
• textsms

[Flutter] 플러터 assets /images 추가 방법

2023-11-21 0. 구조 현재 디렉토리 구조는 아래와 같다. 1. 방법 flutter: uses-material-design: true assets: - assets/logo/ assets: - assets/logo/ pubspec.yaml 에 위와 같은 형식으로 자신의 정적 파일 경로를 추가 한다. 반드시 들여쓰기는 위의 코드와 같이 맞춰주어야한다. 2. 사용법 코드로 해당 정적 파일을 불러올때는 아래와 같은 형식으로 이미지 정보를 불러오면 된다. Image.asset( 'assets/logo/google_logo.jpg', // Google 로고 이미지 height: 24.0, // 이미지 높이 조절 ), 3. 참고링크 https://docs.flutter.dev/ui/assets/assets-..

• format_list_bulleted App/Flutter
• · 2023. 11. 21.
• textsms