https://github.com/iconica-development/flutter_image_progression

Flutter Package to show images on top of eachother based on progression value
https://github.com/iconica-development/flutter_image_progression

component dart flutter pubdev

Last synced: 2 days ago
JSON representation

Flutter Package to show images on top of eachother based on progression value

• Host: GitHub
• URL: https://github.com/iconica-development/flutter_image_progression
• Owner: Iconica-Development
• License: mit
• Created: 2022-09-06T07:25:54.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-02-14T07:19:56.000Z (12 months ago)
• Last Synced: 2024-11-30T04:29:41.980Z (2 months ago)
• Topics: component, dart, flutter, pubdev
• Language: Dart
• Homepage:
• Size: 1.05 MB
• Stars: 3
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![pub package](https://img.shields.io/pub/v/flutter_image_progression.svg)](https://github.com/Iconica-Development) [![Build status](https://img.shields.io/github/workflow/status/Iconica-Development/flutter_image_progression/CI)](https://github.com/Iconica-Development/flutter_image_progression/actions/new) [![style: effective dart](https://img.shields.io/badge/style-effective_dart-40c4ff.svg)](https://github.com/tenhobi/effective_dart) 

# Flutter Image Progression

This package allows you to overlay multiple images on top of eachother and show partial images based on a progression value. Complex effects can be achieved by using multiple images and setting the progression value to a value between 0 and 1. This is for instance useful for showing a progress bar or a loading animation.

Supports all Flutter platforms.

![Image Progression GIF](flutter_image_progression.gif)

Figma Design that defines this component (only accessible for Iconica developers): https://www.figma.com/file/4WkjwynOz5wFeFBRqTHPeP/Iconica-Design-System?type=design&node-id=357%3A3357&mode=design&t=XulkAJNPQ32ARxWh-1

Figma clickable prototype that demonstrates this component (only accessible for Iconica developers): https://www.figma.com/proto/4WkjwynOz5wFeFBRqTHPeP/Iconica-Design-System?type=design&node-id=340-611&viewport=444%2C-314%2C0.06&t=XulkAJNPQ32ARxWh-0&scaling=min-zoom&starting-point-node-id=516%3A2597&show-proto-sidebar=1

## Usage

To use this package, add `flutter_image_progression` as a [dependency in your pubspec.yaml file](https://flutter.dev/docs/development/platform-integration/platform-channels).

## How to use

See the [Example Code](example/lib/main.dart) for an example on how to use this package.

## Issues

Please file any issues, bugs or feature request as an issue on our [GitHub](https://github.com/Iconica-Development/flutter_image_progression) page. Commercial support is available if you need help with integration with your app or services. You can contact us at [[email protected]](mailto:[email protected]).

## Want to contribute

If you would like to contribute to the plugin (e.g. by improving the documentation, solving a bug or adding a cool new feature), please carefully review our [contribution guide](./CONTRIBUTING.md) and send us your [pull request](https://github.com/Iconica-Development/flutter_image_progression/pulls).

## Author

This flutter_image_progression for Flutter is developed by [Iconica](https://iconica.nl). You can contact us at