ducafecatFlutter ecosystem guide
FLUTTER ECOSYSTEM

akshayambaliya/flutter_status_view

Display status just like WhatsApp & Instagram..

View on GitHub ↗
flutter_status_view project cover
Stars
4
Forks
8
Last push (UTC)
May 29, 2021
Project status
Active
akshay ambaliya GitHub avatar
GITHUB User

akshay ambaliya ↗

LanguagesDartHTMLSwiftKotlinObjective-C

Packages published by this repository

Dependencies used

Dependency list 2 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

status_view

Display status just like WhatsApp & Instagram. This package help to display users status like WhatsApp status. in this we can specify the number of status ,seen and unseen status as well, apart from that same package use to display status like Instagram.

https://raw.githubusercontent.com/akshayambaliya/flutter_status_view/main/assets/status.png

Installation

You just need to add status_view as a dependency in your pubspec.yaml file.

dependencies:
  status_view: ^0.0.1

Usage

StatusView(
            radius: 40,
            spacing: 15,
            strokeWidth: 2,
            indexOfSeenStatus: 2,
            numberOfStatus: 5,
            padding: 4,
            centerImageUrl: "https://picsum.photos/200/300",
            seenColor: Colors.grey,
            unSeenColor: Colors.red,
          ),
Attributes Description
radius radius of status view circul
spacing spacing between two status indicator
strokeWidth strokeWidth of status indicator
indexOfSeenStatus index of which status is already seen
numberOfStatus total number of status
padding padding between status indicator and center image
centerImageUrl center image required
seenColor color of already seen status
unSeenColor color of unSeen status

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.