본문 바로가기
반응형

Flutter428

플러터에서 해상도에 따라 위젯 위치 자동 배치하기 [LayoutBuilder / MediaQuery] 플러터는 다양한 화면 크기와 해상도를 가진 기기를 지원하는 크로스 플랫폼 모바일 프레임워크입니다.따라서 앱 개발자는 다양한 화면 크기에 맞춰 위젯을 적절하게 배치해야 합니다.플러터에서 위젯 위치를 자동으로 배치하는 방법은 여러 가지가 있습니다.이 블로그에서는 가장 일반적인 두 가지 방법인 LayoutBuilder와 MediaQuery를 사용하는 방법을 살펴보겠습니다. 1. LayoutBuilder 사용하기 LayoutBuilder 위젯은 자식 위젯의 크기와 위치 정보를 제공하는 위젯입니다.이 정보를 사용하여 화면 크기에 따라 위젯 위치를 동적으로 조정할 수 있습니다. class MyWidget extends StatelessWidget { @override Widget build(BuildContex.. 2024. 7. 26.
안드로이드 개발자 모드 활성화: 숨겨진 기능 탐험 가이드 안드로이드 기기에는 일반 사용자들에게 공개되지 않은 다양한 개발자 기능들이 존재합니다.이러한 기능들은 개발자들이 앱을 테스트하고 디버깅하는데 필수적인 도구들을 제공하며, 숙련된 사용자들에게는 기기를 더욱 효율적으로 활용할 수 있는 옵션들을 제공합니다.하지만 개발자 모드는 강력한 기능들을 포함하기 때문에, 부주의하게 사용하면 시스템 오류나 보안 문제를 야기할 수도 있습니다.따라서 개발자 모드 활성화 전에 충분한 이해를 하고 주의해서 사용하는 것이 중요합니다. 1. 개발자 모드란 무엇인가? 개발자 모드는 안드로이드 시스템의 숨겨진 설정 메뉴로, 개발자들이 앱을 테스트하고 디버깅하는데 필요한 다양한 기능들을 제공합니다.주요 기능들로는 다음과 같은 것들이 있습니다:USB 디버깅: USB를 통해 컴퓨터와 기기를 .. 2024. 7. 26.
CircularProgressIndicator가 찌그러져 화면에 표시될때 조치 Center 위젯을 이용하는 방법const Center( child: CircularProgressIndicator(), ),  GetX를 이용하여 Get.dialog 위젯을 이용하는 방법Get.dialog( const Center( child: CircularProgressIndicator(), ), barrierDismissible: false, // 사용자가 다이얼로그 외부를 탭하여 닫을 수 없도록 설정);/Get.dialog 네트워크 끝나면 종료 명령 CircularProgressIndicator() 를 멈추는 방법finally {// 데이터 추가가 완료된 후에 로딩 인디케이터를 숨깁니다.Get.back();} Starting Google Play App Distr.. 2024. 7. 26.
com.google.android.recaptcha:recaptcha: 18.XXX 경고 구글콘솔에서 버전을 올리면서 구글 플레이 스토어에서 아래와 같은 메시지를 받게 되었습니다. 이는 마지막 버전의 Firebase 인증이 recaptcha:18.1.2 를 사용하기 때문에 발생 해결방법recaptcha_enterprise_flutter 라이브러리 추가.https://pub.dev/packages/recaptcha_enterprise_flutter/installimplementation 'com.google.android.recaptcha:recaptcha:18.4.0' 을 build.gradle 파일의 종속성 섹션에 reCaptcha 버전을 재정의.Starting Google Play App Distribution! "Tester Share" for Recruiting 20 Testers f.. 2024. 7. 26.
플러터에서 상속과 믹싱: 객체 지향 프로그래밍의 핵심 Flutter는 객체 지향 프로그래밍(OOP)을 기반으로 하는 프레임워크입니다.OOP의 핵심 개념인 상속과 믹싱을 이해하면 Flutter 개발에서 더욱 효율적이고 유지 관리 가능한 코드를 작성할 수 있습니다. 1. 상속 상속은 클래스 간의 계층 구조를 만드는 OOP 개념입니다.하위 클래스는 상위 클래스의 속성(변수)과 메서드(함수)를 상속받아 코드를 재사용하고 공통 기능을 효율적으로 관리할 수 있습니다. 1.1 상속 기본 구조class Animal { String name; int age; Animal(this.name, this.age); void eat() { print('$name is eating.'); } void sleep() { print('$name is sleepin.. 2024. 7. 26.
플러터에서 파이어베이스 로그인과 생체 인증 연동 방법 파이어베이스는 다양한 기능을 제공하는 강력한 백엔드 서비스 플랫폼입니다.앱에 로그인 기능을 추가하고 싶다면, 파이어베이스 인증을 사용하는 것이 가장 간편합니다.또한, 'local_auth' 패키지을 활용하여 생체 인증 기능을 추가하여 사용자 경험을 한 단계 더 향상시킬 수 있습니다. 1. 프로젝트 설정파이어베이스 콘솔에 이동하여 새로운 프로젝트를 생성하거나 기존 프로젝트를 선택합니다.좌측 메뉴에서 인증을 선택합니다.로그인 방법 탭에서 이메일/비밀번호를 활성화합니다.2. 로컬 인증 패키지 설치flutter pub add local_auth 3. 기기에서 생체 인증 사용 가능 여부 확인import 'package:local_auth/local_auth.dart';Future hasBiometricSuppor.. 2024. 7. 26.
반응형

티스토리툴바