Flutter - Provider 사용 방법 및 사용 예시 (자동 리빌드, 상태 관리 및 변경 서포터 패키지 설명)

Overview Provider 패키지를 사용하여 StatefulWidget의 상태 관리를 편리하게 할 수 있습니다. 아래의 예시는 플러터 provider 패키지의 공식 가이드 문서를 참고하여 작성하였습니다. 또한, 소스 코드는 글쓴이의 취향에 맞게 수정되어 작성되었음을 알려드립니다. Provider 패키지란? 상속된 위젯들을 감싸는 래퍼 애플리케이션에서 데이터의 상태를 관리하고 공유하기 위한 기능을 제공하는 패키지 상태를 사용하는 위젯을 자동으로 재빌드 Provider 패키지 추가하기 특정 버전으로 추가 (프로젝트 디렉토리 내) pubspec.yaml 파일의 dependencies 아래 코드 추가 컨트롤 + S (파일 저장)을 눌러 의존성 주입 dependencies: flutter: sdk: flut..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 15.
• textsms

Flutter MySQL LocalHost Connect Error) Unhandled Exception: SocketException: Connection refused (OS Error: Connection refused, errno = 111), address = 127.0.0.1

Error Flutter에서 MySQL 로컬 호스트로 돌리려고 하였으나 아래와 같은 에러가 발생하였다. E/flutter ( 4211): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: SocketException: Connection refused (OS Error: Connection refused, errno = 111), address = 127.0.0.1, port = 53591 해결 방법 확인해본 결과 안드로이드 에뮬레이터는 로컬 호스트가 127.0.0.1이 아닌 10.0.2.2 라고 한다. DB 설정을 127.0.0.1 > 10.0.2.2 로 바꾸어 접속 시도를 해보았다. 앱을 실행해보니 정상적으로 MySQL에 ..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 12.
• textsms

Flutter - State of App Activity Lifecycle

플러터 앱 활동 생명주기 createState() StatefulWidget의 상태 객체를 생성하는 메소드 호출시 State 클래스의 인스턴스 반환 class HomeScreen extends StatefulWidget { HomeScreen({Key key}) : super(key: key); @override HomeScreenState createState() => HomeScreen(); } initState() State 객체 생성 후 최초에 한 번 호출되는 메소드 주로 초기화 작업이나 리소스 로드 등 수행 @override void initState(){ super.initState(); } didChangeDependencies() initState() 이후 호출되는 메소드 위젯이나 상태에 ..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 10.
• textsms

Flutter - StatefulWidget 생성자를 이용하여 페이지 간 데이터 전달하기

기본 구문 기본 구문으로는 내비게이터를 통해 페이지만 이동되는 기본 구조의 코드입니다. 페이지 연결 구문 내비게이터를 통해 클릭시 특정 페이지(ContentPage)로 이동하는 코드 // 리스트뷰 카드 클릭 이벤트 void cardClickEvent(BuildContext context, int index) { dynamic content = items[index]; Navigator.push( context, MaterialPageRoute( // 정의한 ContentPage의 폼 호출 builder: (context) => ContentPage(), ), ); } 연결 페이지 StatefulWidget 구문 class ContentPage extends StatefulWidget { const Con..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 10.
• textsms

Flutter - Layout 설계 - ListView/GridView/TabBarView/SafeArea/TabPageSelector

Overview 레이아웃 설계 시, 어떻게 화면을 구성해야할지에 대한 포스팅을 다룬 내용입니다. 이 포스팅에서는 크게 GridView와 ListView로 항목을 나열하고, TabBarView를 통해 탭을 슬라이드하여 페이지를 이동할 수 있도록 합니다. DefaultTabController 탭 컨트롤러의 상태를 관리하는 위젯 일반적으로 TabBar 와 TabBarView 를 함께 사용 여러 화면 또는 내용 섹션이 있는 탭 인터페이스를 만듬 속성 length 필수 속성 탭 표시줄의 탭 수 지정 반드시 음수가 아닌 정수의 값으로 설정 initialIndex 선택한 탭의 초기 인덱스 지정 기본값은 0, 첫 번째 탭을 표시 child 탭 컨트롤러에 액세스할 수 있는 하위 위젯 트리 표시 일반적으로 TabBar 또..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 8.
• textsms

Flutter - 로그인, 로그아웃 구현하기 (3/3) - 자동 로그인 기능 구현

포스팅에서 진행한 환경 OS : Windows 10 IDE : Visual Studio Code Emulator : Pixel 5 API 27 (Android-x86 emulator), Windows (windows-x64) 이번 포스팅에서는 로그인과 로그아웃을 위해 아래와 같은 내용을 다룹니다. 공유 저장소(Shared Preferences)를 통해 유저의 정보가 있는지 확인하여 자동 로그인 기능 구현 공유 저장소에 대한 자세한 설명은 아래의 포스팅을 확인해주세요. Flutter - Shared Preference - 공유 저장소 데이터 저장/불러오기 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, ..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 8.
• textsms