KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #codex #typescript #developer-tools #ai-agents #deepseek-harness #claude-code #ai-agent #cli #react #mcp

stories-for-flutter

★ 41 Open GitHub ↗

Stories like Instagram or statuses like WhatsApp with the highly customizable stories for Flutter package.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Stories for Flutter

[Visit on pub.dev.](https://pub.dev/packages/stories_for_flutter)

A **customizable** flutter package that allows you to use **Instagram** like stories, or **WhastApp** like statuses in your Flutter app easily, made without using external dependencies.

## Screenshots

## Using the package

**Step 1**: Import the package.

import  'package:stories_for_flutter/stories_for_flutter.dart';

**Step 2**: Call the stories plugin and use it. Can give Scaffold to each page, making it highly customizable.

Stories(
        storyItemList: [
          // First group of stories
          StoryItem(
              name: "First Story", // Name of first story
              thumbnail: // Add icon to first story
              stories: [
                Page1(),
                Page2(),
              ]),
          // Second story group
          StoryItem(
              name: "Second Story", 
              thumbnail: // Add icon to first story
            stories: [
              Page1(),
              Page2(),
              Page3()
            ],
          ),
        ],
      );

**Example**:

Stories(
        displayProgress: true,
        storyItemList: [
          // First group of stories
          StoryItem(
              name: "First Story",
              thumbnail: NetworkImage(
                "https://assets.materialup.com/uploads/82eae29e-33b7-4ff7-be10-df432402b2b6/preview",
              ),
              stories: [
                // First story
                Scaffold(
                  body: Container(
                    decoration: BoxDecoration(
                      image: DecorationImage(
                        fit: BoxFit.cover,
                        image: NetworkImage(
                          "https://wallpaperaccess.com/full/16568.png",
                        ),
                      ),
                    ),
                  ),
                ),
                // Second story in first group
                Scaffold(
                  body: Center(
                    child: Text(
                      "Second story in first group !",
                      style: TextStyle(
                        color: Color(0xff777777),
                        fontSize: 25,
                      ),
                    ),
                  ),
                ),
              ]),
          // Second story group
          StoryItem(
            name: "2nd",
            thumbnail: NetworkImage(
              "https://www.shareicon.net/data/512x512/2017/03/29/881758_cup_512x512.png",
            ),
            stories: [
              Scaffold(
                body: Center(
                  child: Text(
                    "That's it, Folks !",
                    style: TextStyle(
                      color: Color(0xff777777),
                      fontSize: 25,
                    ),
                  ),
                ),
              ),
            ],
          ),
        ],
      );

stories-for-flutter

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README