Flutter

Flutter Widget #1 : ListView 이해와 사용방법

Flutter에서 ListView 사용은 매우 간단합니다. 3개의 핵심 ListView 구현 방법을 알아보고 각각의 예제를 확인하면서 ListView를 익혀봅시다. 이번 글에서 알아볼 내용 ListView란? ListView() ListView.builder() ListView.separated() ListView란? ListView는 Flutter에서 스크롤을 구현하기 위해 가장 기본적으로 사용하는 위젯입니다. 구현하기도 쉽고 유연한 기능을 제공하고 있습니다. vertical, horizontal 스크롤 방향을 바꿀 수도 있으며, 아래에서도 보시겠지만 ListView.sperated() 를 사용하여 각 아이템 사이에 다른 요소를 집어넣을 수도 있습니다. 아래에서 ListView 구현의 대표적 3가지를 ..

Flutter / Flutter GetX에 대해 알아보자

Flutter 개발을 하다보면 GetX에 대한 이야기를 많이 들으셨을 텐데요. GetX가 무엇인지 그리고 어떻게 사용해야 하는 것 인지 오늘 포스팅에서 같이 알아봅시다. 참고 자료 GetX API Documentation Murtaza sulaihi의 Flutter GetX 상태 관리에 대한 궁극적 가이드 이번 글에서 알아볼 내용 GetX란? GetX의 핵심 3가지 GetX의 부가기능 GetX의 간단한 예제 GetX 란? GetX의 공식문서 설명에 따르면, GetX는 고성능 상태 관리, 지능형 종속성 주입 및 경로 관리를 제공해주는 초경량의 강력한 솔루션이라고 합니다. GetX는 초경량이지만 강력한 솔루션으로 최고의 개발 경험을 제공하는 것을 목표로하고 있습니다. 이를 달성하기 위해 GetX에는 세 가지..

Flutter 기초 - 2탄 : 화면에 그려지는 모든 것은 위젯이다

이번글에서 알아볼 내용은 Flutter 의 핵심 중 핵심입니다. 바로 화면에 그려진 모든것은 위젯이라는 것인데요. 지금부터 알아보도록 합시다. 이번 글은 아래의 자료를 기반으로 작성됐습니다. Introduction to widgets - Flutter document Layouts in Flutter - Flutter document 이 글에서 알아볼 내용 화면에 그려지는 모든것이 위젯이다 선언적 UI 방식과 Widget 위젯 트리와 레이아웃 구성 StatelessWidget StatefulWidget 화면에 그려지는 모든것이 위젯이다 위의 그림은 Flutter가 UI를 그리기 위한 요소들의 계층을 나타낸 것 입니다. 맨 아래에 Text 위젯을 보시면 이해가 훨씬 편할겁니다. Text 위젯은 말그대로 F..

Flutter BLoC 꿀팁 - 1탄 : BlocProvider 백배 사용하기

BLoC 패턴을 사용하시는 분이라면 BlocProvider 를 사용하실겁니다. 오늘은 BlocProvider 를 좀 더 잘사용할 수 있는 방법에 대해서 알려드리겠습니다. 이번 글은 저의 개발 경험을 기반으로 작성됐습니다. 이 글에서 알아볼 내용 다른 스크린에서 동일한 BlocProvider 를 사용하는 방법 BlocProvider 의 auto dispose 문제 해결 방법 다른 스크린에서 동일한 BlocProvider를 사용하는 방법 BlocProvider 의 스코프는 감싸고 있는 Widget 까지가 범위입니다. 만약 Navigator 를 통해 다른 스크린으로 전환한다면 전환한 화면은 BlocProvider 의 스코프 밖입니다. 이를 해결하는 멍청한 방법은 다음과 같았습니다. runApp( BlocPro..