본문 바로가기
반응형

Flutter/Widget105

플러터에서 Chopper 패키지 사용하기: 심층 가이드 Chopper는 HTTP 요청을 쉽게 만들고 관리할 수 있도록 도와주는 플러터용 네트워킹 라이브러리입니다.RESTful API와 잘 작동하도록 설계되었으며 Retrofit과 비슷한 기능을 제공합니다.Chopper는 다음과 같은 장점을 제공합니다.간단하고 사용하기 쉬운 API: Chopper는 간단하고 직관적인 API를 제공하여 HTTP 요청을 쉽게 만들 수 있습니다.강력한 기능: Chopper는 인증, 캐싱, 오류 처리 등 다양한 강력한 기능을 제공합니다.테스트 가능: Chopper는 테스트하기 쉽도록 설계되었습니다.코드 생성: Chopper는 코드 생성 기능을 제공하여 HTTP 요청 코드를 자동으로 생성할 수 있습니다.1. Chopper 설치 및 설정Chopper를 사용하려면 먼저 프로젝트에 패키지를 .. 2024. 7. 28.
플러터 앱에서 페이지 뒤로 갔을 때 새로고침하는 방법[then] Flutter 앱에서 사용자 경험을 향상시키기 위해서는 페이지 뒤로 돌아왔을 때 해당 페이지를 새로고침하는 기능이 중요합니다.이 블로그에서는 Flutter 앱에서 페이지 뒤로 갔을 때 새로고침하는 두 가지 일반적인 방법을 살펴보겠습니다. 1. Navigator.push의 then 사용하기 Navigator.push 메서드는 새로운 페이지를 푸시하는 데 사용됩니다.then 메서드를 추가하면 푸시된 페이지에서 돌아온 후 특정 작업을 수행할 수 있습니다.페이지 새로고침을 위해서는 setState 메서드를 사용하여 위젯 상태를 업데이트할 수 있습니다.Navigator.push(context, MaterialPageRoute(builder: (context) => MoveToPage()),).then((valu.. 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.
플러터에서 local_auth 패키지를 이용한 생체 인증 구현 방법 플러터는 다양한 기능을 제공하는 강력한 모바일 앱 개발 프레임워크입니다.앱에 생체 인증 기능을 추가하고 싶다면, 'local_auth' 패키지을 사용하는 것이 가장 간편합니다. 1. local_auth 패키지 설치flutter pub add local_auth 2. 기기에서 생체 인증 사용 가능 여부 확인import 'package:local_auth/local_auth.dart';Future hasBiometricSupport() async { final localAuth = LocalAuth(); return await localAuth.hasBiometricSupport();} 3. 사용 가능한 생체 인증 유형 확인Future> getAvailableBiometrics() async { fin.. 2024. 7. 26.
플러터에서 Dialog 사용법과 옵션 Flutter에서 Dialog는 사용자와 상호작용하는 중요한 UI 요소입니다.Dialog는 중요한 정보를 사용자에게 전달하거나 사용자의 입력을 받을 때 유용합니다.이 블로그에서는 Dialog의 기본 사용법부터 다양한 옵션과 고급 기능에 대해 알아보겠습니다. 1. Dialog 소개Dialog는 Flutter에서 제공하는 모달 윈도우로, 화면의 나머지 부분을 비활성화하여 사용자에게 중요한 정보를 제공하거나 결정을 요청합니다.Flutter는 AlertDialog, SimpleDialog, 그리고 커스텀 Dialog를 제공하여 다양한 요구사항을 충족합니다.2. 기본 Dialog 사용법showDialog 함수를 사용하여 기본 다이얼로그를 표시할 수 있습니다.import 'package:flutter/materia.. 2024. 7. 26.
플러터에서 Scaffold 생명주기: 핵심 단계 이해하기 플러터에서 Scaffold는 기본적인 화면 구조를 구성하는 중요한 위젯입니다.AppBar, BottomNavigationBar, FloatingActionButton 등 다양한 요소를 포함하여 앱의 기본 레이아웃을 정의하고 사용자 상호 작용을 처리합니다.하지만 Scaffold는 단순한 위젯이 아닌, 여러 단계로 이루어진 생명주기를 가지고 있습니다.이 생명주기를 이해하는 것은 Scaffold를 효과적으로 사용하고, 앱의 성능과 안정성을 유지하는 데 매우 중요합니다.이 블로그에서는 플러터 Scaffold의 생명주기에서 꼭 알아야 할 핵심 단계에 대해 자세히 살펴보겠습니다.1. Scaffold 생명주기 단계Scaffold의 생명주기는 다음과 같은 단계로 구성됩니다.initState(): Scaffold가 처음.. 2024. 7. 25.
반응형

티스토리툴바