Skip to content

🎨 The library collapse according to the number of images associated with hero animation

License

Notifications You must be signed in to change notification settings

ThuyenPV/image_collapse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

17 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ‘ Gallery Collapse Open Source Love

Say Thanks!

A flutter package which display the library collapse according to the number of images associated with hero animation ...

The source code is 100% Dart, and everything resides in the /lib folder.

πŸ”… Gifs

fullscreen fullscreen fullscreen

πŸ’» Installation

In the dependencies: section of your pubspec.yaml, add the following line:

Version

dependencies:
  gallery_collapse: <latest version>

❔ Usage

Import this class

import 'package:image_collapse/image_collapse.dart';

before after

    ImageCollapse(
        imageUrls: listNetworkImages,
    ),

🎨 Customization and Attributes

All customizable attributes for BeforeAfter Widget

Attribute Name Example Value Description
imageUrls (List) ['https://pub.dev/flutter_logo.png'] Sets List Images From Network
titleGallery (String?) Gallery Title display when click to a image image
remainNumberStyle (TextStyle?) false Set style for the remaining number of images
crossAxisCount (int) 6.0 Set crossAxisCount between images
mainAxisSpacing (double) 4.0 Set mainAxisSpacing between images
crossAxisSpacing (double) 4.0 Set crossAxisSpacing between images
backgroundImageView (BoxDecoration?) BoxDecoration(color: Color(0xff374056)) Set the background color for the image when clicked show
fadingColorCollapse (Color?) 16.0 Set background color for remaining number of images
appBarColor (Color?) Colors.yellow Set color for appBar when displaying image

πŸ‘ How to Contribute

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Getting Started

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

For help on editing package code, view the documentation.

About

🎨 The library collapse according to the number of images associated with hero animation

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published

Languages