Here’s a simple customizable flutter package that allows you to use Instagram like stories, or WhatsApp like status in your Flutter app easily, made without using external dependencies.
Using the package
Step 1: Import the package.
ADVERTISEMENT
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( 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, ), ), ), ), ], ), ], );