hanginglist 0.0.1

Hanging List containing hanging items which can flip.

Hanginglist

A Flutter library to create a HangingList with animated changes which also lets you create HangingItems and also lets you play with their flip property.

Getting Started

1. Add dependency to your pubspec.yaml

dependencies:
  hanginglist: ^0.0.1

2. Import it

import 'package:hanginglist/hanginglist.dart'

3. Use it. See the examples folder for an ... example.

Parameters

    @required this.list; //list of items
    @required this.frontSide; //widget to show on front side of card
    @required this.backSide;  //widget to show on back side of card
    @required this.moveList;  // bool value whether to move whole list with animation
    @required this.moveListItem;  // bool value whether to move list item with animation
    @required this.height; //height of card
    @required this.width;  //width of card

HangingList<T> is a widget which builds list of cards.

HangingList({
    @required this.list,
    @required this.frontSide,
    @required this.backSide,
    @required this.moveList,
    @required this.moveListItem,
    @required this.height,
    @required this.width,
  });

Example

//Initialise the HangingList widget where you want to use it.
HangingList<HangingObject>(
        list: list,
        frontSide: frontSide,
        backSide: backSide,
        moveList: true,
        moveListItem: true,
        height: screenHeight / 2,
        width: screenWidth / 1.3,
      ),

// create a generic function frontSide which excepts the type of list you want in <Object> parameters and return the widget you want to show in the card.

Widget frontSide<HangingObject>(obj) {
    return yourWidget();
}
// Similarly create backSide which will show when you flip the card.
Widget backSide<HangingObject>(obj) {
    return yourWidget();
}
// Also do not forget to initialise the list with type params.
List<HangingObject> list = [
    HangingObject(
        'Chicken',
        'McDonald`s',
        ['Chicken McNuggets', 'Big Mac', 'Fries'],
        'Fusion Mall,2ndStage, Kormangala',),
    HangingObject(
        'Burger',
        'Taco Bell',
        ['Doritos Locos Tacos', 'Freezes', 'Nacho Fries', 'The Meximelt'],
        'Ashwini Complex, Indranagar',)];

FAQ

Q: How can I change PageView Builder to ListViewBuilder ?

A: Go to HangingList widget and chage PageView builder to list view builder and change PageController to ScrollController.

Q: How can I add more gestures to List Items ?

A: Go to HangingItem widget and in gestureDetector add your own gesture functionalities.

Q: How can I change List Item decoration ?

A: Go to the HangTransform widget and add your decoration there.

Credits

This amazing package was originally created by Vikrant Singh over here.