zoukankan      html  css  js  c++  java
  • 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()

  • 相关阅读:
    Linux 技巧:让进程在后台可靠运行的几种方法
    caffe 中的的参数
    adaboost+svm
    [caffe] 数据制作和训练
    [caffe] 安装及使用注意
    [算法] POJ1007
    vim 配置
    [触觉]数据集
    [theano]安装-python theano cuda
    博客迁移
  • 原文地址:https://www.cnblogs.com/zhaofeis/p/12849939.html
Copyright © 2011-2022 走看看