flutter_slidable은 리스트 아이템을 좌우 혹은 상하로 슬라이딩했을 때, 추가 메뉴를 보여주게 만드는 패키지다.
https://pub.dev/packages/flutter_slidable
flutter_slidable | Flutter Package
A Flutter implementation of slidable list item with directional slide actions that can be dismissed.
pub.dev
이 패키지 내에서 Slidable 위젯을 활용해서 아래 미디엄에서 보여주는 이미지들과 같이 리스트 아이템마다 추가메뉴를 보여줄 수 있다.
https://medium.com/flutter-community/slidable-a-flutter-story-f4a5f55f6a96
Slidable: A Flutter story
Synopsis
medium.com
그럼, ListView는 말 그대로, 리스트를 나타낼때 쓰는 위젯이다.
ListView을 사용하는 방법은 한가지가 아니다. 자세한 사용법은 아래 블로그를 참고하면 된다.
https://greedy0110.tistory.com/42
[Flutter 기본] ListView 생성하기
도입 필자는 요즘 Flutter를 공부하고 있는데 이 녀석, 선언적 UI, 멀티 플랫폼 빌드 지원, 구글의 전폭적인 지원을 통한 성장이라는 요소들이 매우 매력적이다. 또한 Flutter 프레임워크와 이 프레임
greedy0110.tistory.com
따라서, ListView와 Slidable을 같이 활용하면 목록안에 있는 아이템마다 옵션을 슬라이딩해서 보여주는 UI를 구성할 수 있다는 것이다.
간단하게 작성해본 예제 코드는 아래와 같다.
- ListView를 사용할 때(builder를 활용 안 하고, 간단하게 사용할 때), 주의할 점은 ListView의 스크롤 방향에 따라서 height 혹은 width를 제한하는 위젯안에 넣어주어야한다. 아래 예제에서는 Expanded를 사용했다.
https://github.com/shinkeonkim/flutter_slidable_exampl
shinkeonkim/flutter_slidable_example
Contribute to shinkeonkim/flutter_slidable_example development by creating an account on GitHub.
github.com