Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv1.0.1

flutter_gifimage

a gifimage for flutter,for solving gif cannot be controlled speed,progress

pub.dev API documentation Source code
30-day downloads
467
Likes
63
Pub points
40

Install package

flutter pub add flutter_gifimage

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that enables precise control over GIF animations, addressing limitations in standard GIF handling such as fixed playback speed and lack of progress tracking. It allows developers to play, pause, restart, and seek within GIFs, providing a more interactive experience. The package is designed for seamless integration into Flutter apps and supports custom animation behaviors. Built with performance and usability in mind, it enhances user engagement through dynamic image content.

Use cases

  • Interactive app icons
  • Loading indicators with custom progress
  • Animated tutorials
  • Gamified UI elements
  • Custom GIF players

Key features

  • Play, pause, and restart GIFs
  • Seek to specific frame or time
  • Adjust playback speed
  • Support for progressive loading
  • Customizable animation behavior

Suitable for

  • Developers needing fine-grained GIF control
  • Apps requiring animated UI components
  • Projects with interactive media elements
  • Educational or gamified applications
  • High-performance animation needs

Considerations

  • May increase memory usage for large GIFs
  • Requires careful management of animation lifecycle
  • Not suitable for very long or complex GIFs without optimization
  • Limited platform-specific optimizations
  • Depends on external library for decoding

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

flutter_gifimage

We should know that in order to achieve Gif in flutter, we can use Image, but we have no way to manipulate Gif, for example: change its speed, control it has been playing in a frame, in which frame range loop. These problems can be solved by this widget,it also help you contain gif cache,avoid load frame every time.

Screenshots

Usage(Simple)

add in pubspec


     flutter_gifimage: ^1.0.0

simple usage

    GifController controller= GifController(vsync: this);


    GifImage(
         controller: controller,
         image: AssetImage("images/animate.gif"),
    )

list the most common operate in GifController:

// loop from 0 frame to 29 frame
controller.repeat(min:0,max:29,period:Duration(millseconds:300));

// jumpTo thrid frame(index from 0)
controller.value = 0;

// from current frame to 26 frame
controller.animateTo(26);

If you need to preCache gif,try this

// put imageProvider
fetchGif(AssetImage("images/animate.gif"));

Thanks

  • gif_ani (thanks for giving me idea)

License

MIT License

Copyright (c) 2019 Jpeng

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Categories

Image

Source repository

Projects using this package

No data available yet.