PeterAkande / flutter_story_viewer

Story View for Whatsapp and Instagram(works with variable video duration)

Flutter Story Viewer

Story View for Whatsapp and Instagram (works with variable video duration)

Installation 💻

❗ In order to start using Flutter Story Viewer you must have the Flutter SDK installed on your machine.

Install via flutter pub add:

dart pub add flutter_story_viewer

Or

dependencies:
  flutter_story_viewer: ^0.1.1

🚀 Example Usage

...
Column(
    children: <Widget>[
    SizedBox(
        height: size.height * 0.8,
        child: const FlutterStoryViewer(
        backgroundColor: Colors.grey,
        items: [
            VideoItem(
                url:
                    'https://townbox.s3.amazonaws.com/static/videos/FastApi_Websocket_Demo_2-19B0B1D7-460E-439A-B3FC-F78041DAB6A8.mp4',
            ),
            VideoItem(
                url:
                    'https://user-images.githubusercontent.com/28951144/229373709-603a7a89-2105-4e1b-a5a5-a6c3567c9a59.mp4',
            ),
            VideoItem(
                url:
                    'https://user-images.githubusercontent.com/28951144/229373695-22f88f13-d18f-4288-9bf1-c3e078d83722.mp4',
            ),
        ],
        ),
    )
    ],
)
...

Refer to the main.dart in the example.

Screenshots/Demo

---

🐛 Bugs/Requests

Pull requests are well welcomed. If any request is needed, be cool to open an issue.

Continuous Integration 🤖

Flutter Story Viewer comes with a built-in GitHub Actions workflow powered by Very Good Workflows but you can also add your preferred CI/CD solution.

Out of the box, on each pull request and push, the CI formats, lints, and tests the code. This ensures the code remains consistent and behaves correctly as you add functionality or make changes. The project uses Very Good Analysis for a strict set of analysis options used by our team. Code coverage is enforced using the Very Good Workflows.

---