[Flutter] 슬라이드 가능한 위젯 (flutter_slidable)

Sliable

 

단순히 버튼을 눌러서 처리하는 것보다 위젯을 슬라이드 하는 디자인은 다양한 곳에서 찾아볼 수 있다.

플러터에는 이러한 기능을 쉽게 사용할 수 있는 flutter_slidable 이라는 패키지가 있다. 

 

https://pub.dev/packages/flutter_slidable

flutter_slidable | Flutter package

설치

pubspec.yaml 에 flutter_slidable 을 추가한다.

dependencies:
  flutter_slidable:^3.1.2

 

 

예시 코드

 

단순히 Sliable 위젯으로 감싸주고 몇 개의 속성만 정의하면 된다.

motion 속성의 경우, ScrollMotion 외에 BehindMotion, DrawerMotion, StretchMotion 이 있다. 각 속성에 대한 위젯 동작 미리보기는 패키지 홈페이지에 설명하고 있다.

dismissible 속성의 경우, DismissiblePane 위젯을 할당해주면 끝까지 슬라이드 할 수 있게 해준다.