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()

原文地址:https://www.cnblogs.com/zhaofeis/p/12849939.html