Skip to content
A flutter based liquid swipe
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create FUNDING.yml Jul 11, 2019
android Initial commit Jul 6, 2019
assets v1.1.0 Jul 14, 2019
example v1.1.0 Jul 14, 2019
ios Initial commit Jul 6, 2019
lib Fixed slide icon position & minor other fixes Jul 14, 2019
test minor changes Jul 9, 2019
.gitignore Initial commit Jul 6, 2019
.metadata Initial commit Jul 6, 2019
CHANGELOG.md v1.1.0 Jul 14, 2019
LICENSE Update LICENSE Jul 9, 2019
README.md added it to awesome-flutter Jul 15, 2019
liquid_swipe.iml Initial commit Jul 6, 2019
pubspec.lock v 1.0.2 Jul 9, 2019
pubspec.yaml v1.1.0 Jul 14, 2019

README.md


Logo Liquid Swipe

Pub Awesome Flutter

This repository contains the Liquid Swipe source code. Liquid swipe is the revealing clipper to bring off amazing liquid like swipe to stacked Container and inspired by Cuberto's liquid swipe and IntroViews.

Sample APK

Download sample apk as shown in example from releases.

Get it from Github Releases

Getting Started

  • Add this to your pubspec.yaml

    dependencies:
    liquid_swipe: ^1.1.0
    
    
  • Get the package from Pub:

    flutter packages get
    
  • Import it in your file

    import 'package:liquid_swipe/liquid_swipe.dart';
    

Usage

  • Liquid Swipe just requires the list of containers. Just to provide flexibity to the developer to design its own view through it.
final pages = [
   Container(...),
   Container(...),
   Container(...),
 ];
  • Now just pass these pages to LiquidSwipe widget.
 @override
 Widget build(BuildContext context) {
   return new MaterialApp(
     home: Builder(
         builder: (context) =>
             LiquidSwipe(
                 pages: pages
             )),
   );
 }

Attributes

Attribute Datatype Description Default Value Comments
pages List<Container> Set the Pages/ views/ Containers Null A Page can contain anything, look for an example
fullTransitionValue double Sets the scroll distance or sensitivity for a complete swipe. 400.0 This transition value can be used to increase or decrease the sensitivity of the swipe. 100.0 would make swipe really fast with even a bit of drag
initialPage int Set the initial Page 0 Should not be >= no.of pages or smaller than 0
enableSlideIcon bool Used to enable Slide icon to the right for where the wave would originate false Gives a ios style arrow to right side of the screen. Might include modification to it soon.

Credits

Author & support

This project is created by Sahdeep Singh but with lots of support and help. See the Credits.

You can’t perform that action at this time.