flutter_slidable 0.1.0

outdated

A Flutter implementation of slidable list item with left and right slide actions.

flutter_slidable #

A Flutter implementation of slidable list item with left and right slide actions.

Pub Donate

Overview

Features #

  • Accepts left and right widget lists as slide actions.
  • 4 built-in layouts.
  • 2 built-in slide action widget.
  • You can easily create you custom layouts and animations.

Getting started #

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  flutter_slidable: "^0.1.0"

In your library add the following import:

import 'package:flutter_slidable/flutter_slidable.dart';

For help getting started with Flutter, view the online documentation.

A Slidable needs multiple things:

  • Left, right (or both) slide actions. Which can be any widget. For convenience this package has 2 built-in side action widgets.
  • A delegate. This is what controls the layout and the animation of the slide menu.
  • An extent ratio between a slide action extent and the item extent.
  • A child.
new Slidable(
  key: Key('$3'),
  delegate: new SlidableDrawerDelegate(),
  actionExtentRatio: 0.25,
  child: new Container(
    color: Colors.white,
    child: new ListTile(
      leading: new CircleAvatar(
        backgroundColor: Colors.indigoAccent,
        child: new Text('$3'),
        foregroundColor: Colors.white,
      ),
      title: new Text('Tile n°$3'),
      subtitle: new Text('SlidableDrawerDelegate'),
    ),
  ),
  leftActions: <Widget>[
    new IconSlideAction(
      caption: 'Archive',
      color: Colors.blue,
      icon: Icons.archive,
      onTap: () => _showSnackBar('Archive'),
    ),
    new IconSlideAction(
      caption: 'Share',
      color: Colors.indigo,
      icon: Icons.share,
      onTap: () => _showSnackBar('Share'),
    ),
  ],
  rightActions: <Widget>[
    new IconSlideAction(
      caption: 'More',
      color: Colors.black45,
      icon: Icons.more_horiz,
      onTap: () => _showSnackBar('More'),
    ),
    new IconSlideAction(
      caption: 'Delete',
      color: Colors.red,
      icon: Icons.delete,
      onTap: () => _showSnackBar('Delete'),
    ),
  ],
);

Built-in slide actions #

This package comes with 2 kind of slide actions:

  • SlideAction which the more permissive. You can choose a background color, or any decoration, and it takes any widget as a child.
  • IconSlideAction which requires an icon, and cake have a background color and a caption below the icon.

Built-in delegates #

This package comes with 4 kind of delegates:

SlidableBehindDelegate

The slide actions stay behind the item while it's sliding:

Overview

SlidableScrollDelegate

The slide actions follow the item while it's sliding:

Overview

SlidableDrawerDelegate

The slide actions which animate like drawers while the item is sliding:

Overview

SlidableStrechDelegate

The slide actions stretch while the item is sliding:

Overview

Changelog #

Please see the Changelog page to know what's recently changed.

Contributions #

Feel free to contribute to this project.

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue.
If you fixed a bug or implemented a new feature, please send a pull request.

899
likes
0
pub points
98%
popularity

Publisher

romainrastel.com

A Flutter implementation of slidable list item with left and right slide actions.

Repository (GitHub)
View/report issues

More

Packages that depend on flutter_slidable