story_viewer 0.0.13 story_viewer: ^0.0.13 copied to clipboard
This package provides common story view experience for any Flutter app.
story_viewer #
This package provides common story view experience for any Flutter app.
Features #
- Complate known gestures;
- next story, previous story
- hide UI layer on long press
- Custom texts, icons, colors, paddings etc.
- Easy to implement data model for story and story owner user.
- Slide out page on vertical swipe down
- Reply a story just like Instagram with text or emojis on vertical swipe up
- **Display ratio for dynamic view inside any Widget.
- Listener support with callbacks for story with StoryViewerController
- played, paused, story index changed etc.
- Customized additional layers support for under or on the media layer.
** Default and fully tested usage is 9:16 with full screen story.
Usage #
This is basic usage of story_viewer.
StoryViewer(
padding: EdgeInsets.all(8),
backgroundColor: Colors.white,
ratio: StoryRatio.r16_9,
stories: [
StoryItemModel(url:"a_url"),
StoryItemModel(url:"a_url"),
StoryItemModel(url:"a_url"),
],
userModel: UserModel(
username: "story_viewer",
profilePictureUrl: "profile_url",
),
);
Check out example/lib/detailed_example.dart
for more!
Dependencies #
Package Name | Type | Description |
---|---|---|
extended_image | Core | Caching images, slide out page |
flutter_screenutil | Core | Device-Size spesific visual behaviours |
flutter_spinkit | Visual | Loading animation |