demo

Story View.

Getting Started

You need to add the following dependency to the pubspec.yaml file.

story_view: ^0.12.8

StoryView in flutter :

Used for Rendering story like whatsApp & instagram.

It requires a list of StoryItem, each of which describes the view to be displayed on each story page, duration and so forth.

This gives you the freedom to customize each page of the story.

StoryView provides support for image, GIF and video (with caching enabled)

Gesture for pause, rewind and forward

Caption for each story item

Animated progress indicator for each story item

And useful callback to perform meta functionalities including vertical swipe gestures.

There are shorthands provided to create common pages.

StoryItem.text: is a shorthand to create a story page that displays only text.

StoryItem.pageImage: creates a story item to display images with a caption.

StoryItem.inlineImage: creates a story item that is intended to be displayed in a linear view hierarchy like List or Column

Both .inlineImage and pageImage support animated GIFs.

StoryItem.pageVideo: creates a page story item with video media. Just provide your video url and get going.

Story controller, loaders and GIF support

story_controller : Controller to sync playback between animated child (story) views. This helps make sure when stories are paused, the animation (gifs/slides) are also paused. Another reason for using the controller is to place the stories on paused state when a media is loading.

Widget to display animated gifs or still images. Shows a loader while image is being loaded. Listens to playback states from controller to pause and forward animated media.

story_video :

for video & gif