Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
status_view cover
Package detailsv0.0.2

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.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
249
Likes
90
Pub points
120

Install package

flutter pub add status_view

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The status_view package enables developers to display user statuses similar to WhatsApp and Instagram. It supports showing both seen and unseen statuses, with customizable indicators for each. The package is ideal for social media apps requiring a dynamic status feed, offering a clean, native-like experience across platforms. It integrates seamlessly into chat interfaces and profile sections, enhancing user engagement through visual status updates.

Use cases

  • Social media apps
  • Chat interfaces
  • User activity tracking
  • Profile status displays
  • Real-time status updates

Key features

  • WhatsApp-style status display
  • Instagram-style status feed
  • Seen/unseen status indicators
  • Cross-platform compatibility
  • Customizable status UI
  • Easy integration with chat features

Suitable for

  • Developers building chat apps
  • Social networking platforms
  • Apps with user activity feeds
  • UI designers seeking native-like status components
  • Flutter projects targeting multiple platforms

Considerations

  • Requires manual handling of status data
  • Limited customization beyond basic styling
  • Depends on external data source for status content
  • Not optimized for large status lists
  • May need additional logic for real-time updates

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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.

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.

Categories

Social MediaAvatar, Profile Picture & Chat Heads

Source repository

Projects using this package

No data available yet.