https://github.com/rafaelbarbosatec/gif_view

Load GIF images and can set framerate
https://github.com/rafaelbarbosatec/gif_view

dart flutter flutter-package gif

Last synced: 5 days ago
JSON representation

Load GIF images and can set framerate

• Host: GitHub
• URL: https://github.com/rafaelbarbosatec/gif_view
• Owner: RafaelBarbosatec
• License: mit
• Created: 2021-09-24T17:32:12.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-13T16:54:13.000Z (5 months ago)
• Last Synced: 2024-11-01T04:51:54.289Z (12 days ago)
• Topics: dart, flutter, flutter-package, gif
• Language: Dart
• Homepage:
• Size: 4.59 MB
• Stars: 17
• Watchers: 4
• Forks: 21
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![pub package](https://img.shields.io/pub/v/gif_view.svg)](https://pub.dev/packages/gif_view)

# GifView

Load GIF images and can set framerate

## Features

With `GifView` you can load GIF images of easy way and can configure frameRate.

- Load from `Assets`;

- Load from `Network`;

- Load from `Memory`;

- Set frame rate;

- Set `progress` while loading GIF

## Getting started

Add `gif_view` as a [dependency in your pubspec.yaml file](https://flutter.dev/using-packages/).

## Usage

### GIF from Asset

```dart

  GifView.asset(

    'assets/gif1.gif',

    height: 200,

    width: 200,

    frameRate: 30, // default is 15 FPS

  )

```

### GIF from Network

```dart

  GifView.network(

    'https://www.showmetech.com.br/wp-content/uploads/2015/09/happy-minion-gif.gif',

    height: 200,

    width: 200,

  )

```

### GIF from Memory

```dart

  GifView.memory(

    _bytes,

    height: 200,

    width: 200,

  )

```

## Atributes

| Name | Description  | Default  |

| ------- | --- | --- |

| controller | - | - |

| frameRate | - | - | 

| height | - | - | 

| width | - | - | 

| progress | - |

| fit | - | - | 

| color | - | - | 

| colorBlendMode | - | - | 

| alignment | - | `Alignment.center` |

| repeat | - |  `ImageRepeat.noRepeat` |

| centerSlice | - | - | 

| matchTextDirection | - | `false` |

| invertColors | - | `false` |

| filterQuality | - | `FilterQuality.low` |

| isAntiAlias | - | `false` |

| onFinish | - | - | 

| onStart | - | - | 

| onFrame | - | - | 

| onError | You can return a widget to show when happen error | - | 

| scale | - | `1.0` |

| headers | - | - | 

## Controller

```dart

  GifController controller = GifController({

    this.autoPlay = true,

    this.loop = true,

    bool inverted = false,

    this.onStart,

    this.onFinish,

    this.onFrame,

  });

  controller.play({bool? inverted, int? initialFrame});

  controller.pause();

  controller.stop();

  controller.seek(34);

  GifStatus status = controller.status;

  // GifStatus { loading, playing, stoped, paused, reversing }

```

## Controller use simple example

```dart

class MyPage extends StatelessWidget {

  final controller = GifController();

  MyPage({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      body: GifView.network(

        'https://www.showmetech.com.br/wp-content/uploads/2015/09/happy-minion-gif.gif',

        controller: controller,

      ),

      floatingActionButton: FloatingActionButton(

        onPressed: () {

          if (controller.status == GifStatus.playing) {

            controller.pause();

          } else {

            controller.play();

          }

        },

      ),

    );

  }

}

```