[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

[Flutter] Factory keyword 알아보기 With.Dart

2023-11-20 1. 정의 factory 생성자는 매번 새로운 인스턴스를 생성하여 리턴할 필요가 없는 경우에 사용할 수 있는 키워드이다. 즉 factory 키워드를 사용하면, 캐시 되어 있는 인스턴스나 해당 클래스의 하위타입을 리턴할 수 있다. 2. 예제 아래는 Dart 공식 문서에 있는 Logger예제이다. class Logger { final String name; bool mute = false; // _cache is library-private, thanks to // the _ in front of its name. static final Map _cache = {}; factory Logger(String name) { return _cache.putIfAbsent(name, () => ..

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

[Flutter] Cleartext HTTP traffic to Site not permitted 이슈 해결

2023-11-17 1. 원인 기본적으로, Android 9 (API 레벨 28)부터는 usesCleartextTraffic가 기본적으로 비활성화되어 있다. 이는 보안 상의 이유로, HTTPS(SSL/TLS)를 통한 암호화된 연결을 사용하도록 권장하기 때문인데, 안드로이드 9 이상의 버전에서는 기본적으로 암호화되지 않은 트래픽이 차단되며, NetworkSecurityConfig를 사용하여 명시적으로 허용할 수 있다. 2. 방법 방법은 간단하다. AndroidManifest.xml 로 들어가 설정 정보를 변경해주면된다. 아래와 같이 application 단에서 android:usesCleartextTraffic="true" 설정 정보를 추가해 주면 된다. 메인 이미지 출처 : 사진: Unsplash의NEOM

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