flutter item列表左右滑動帶出按鈕選項

dependencies: flutter_slidable: ^0.5.4

import 'package:flutter_slidable/flutter_slidable.dart';

 

 

Slidable( actionPane: SlidableScrollActionPane(),//滑出選項的面板 動畫 actionExtentRatio: 0.25, child: ListItem(title:title), actions: <Widget>[//左側按鈕列表 IconSlideAction( caption: 'Archive', color: Colors.blue, icon: Icons.archive, onTap: () => _showSnackBar('Archive'), ), IconSlideAction( caption: 'Share', color: Colors.indigo, icon: Icons.share, onTap: () => _showSnackBar('Share'), ), ], secondaryActions: <Widget>[//右側按鈕列表 IconSlideAction( caption: 'More', color: Colors.black45, icon: Icons.more_horiz, onTap: () => _showSnackBar('More'), ), IconSlideAction( caption: 'Delete', color: Colors.red, icon: Icons.delete, closeOnTap: false, onTap: (){ _showSnackBar('Delete'); }, ), ], )

SlideAction，這是最靈活的。您可以選擇背景色或任何裝飾，並且它將任何小部件作為child。

IconSlideAction，需要一個圖標。它可以在圖標下方具有背景色和標題。

 

內置四種滑動的動畫：(不仔細看很難看出區別來)

SlidableBehindActionPane()

SlidableScrollActionPane()

SlidableDrawerActionPane()

SlidableStrechActionPane()