승상의 코딩 블로그

앱을 사용하면 항목같은 것을 새로고침하기 위해서 화면을 내려서 새로고침하는 방법을 쓰는 경우를 많이 봤다. 플러터에도 항목을 내리면 새로고침되고, 새로고침 되고 있다는 것을 상대방에게 알려주는 위젯이 있다.RefreshIndicator 를 사용해보자. RefreshIndicaotr는 ListView 같이 스크롤 할 수 있는 위젯과 사용하면 된다.사용형태RefreshIndicator(   onRefresh: onRefresh,  child: ListView ) onRefresh 는 Refresh 할 때 실행할 함수를 정의한다. Future 를 반환한다.추가속성추가속성으로 edgeOffset, displacement 도 있다. 이 두 가지 속성으로 Indicator 의 위치를 조정할 수 있다.(Indicat..

단순히 버튼을 눌러서 처리하는 것보다 위젯을 슬라이드 하는 디자인은 다양한 곳에서 찾아볼 수 있다.플러터에는 이러한 기능을 쉽게 사용할 수 있는 flutter_slidable 이라는 패키지가 있다.  https://pub.dev/packages/flutter_slidable flutter_slidable | Flutter packageA Flutter implementation of slidable list item with directional slide actions that can be dismissed.pub.dev설치pubspec.yaml 에 flutter_slidable 을 추가한다.dependencies:  flutter_slidable:^3.1.2  예시 코드 단순히 Sliable 위젯으로..

한번에 페이지에 시현되는 정보가 너무 많으면, 원하는 정보를 찾기도 어려워 사용자에게 피로감을 주는 문제가 있다. 이러한 문제는 상위 카테고리를 만들어 각 항목들을 묶어줌으로써 개선할 수 있다. 카테고리로 묶어주는 보편적인 방법에는 드롭다운이 있다. 플러터에서는 ExpansionTile 을 사용하여 드롭다운 형태로 카테고리를 분류할 수 있다. https://api.flutter.dev/flutter/material/ExpansionTile-class.html ExpansionTile class - material library - Dart API A single-line ListTile with an expansion arrow icon that expands or collapses the tile to..