story_segment_view 0.0.1 copy "story_segment_view: ^0.0.1" to clipboard
story_segment_view: ^0.0.1 copied to clipboard

A Flutter package that provides a customizable circular segment indicator around profile avatars.

This package provides a customizable circular segment indicator around profile avatars. It allows full customization of the number of segments, stroke width, gap size, and image.

Story Segment View Example

Installation #

Add this to your package's pubspec.yaml file:

dependencies:
  story_segment_view: ^0.0.1

Usage #

StorySegmentView(
  imageUrl: 'url',
  color: Colors.black,
  segments: 12,
  radius: 40,
  strokeWidth: 3,
),

All Parameters #

Parameter Type Description
imageUrl String URL of the image.
segments int Number of segments in the circular indicator.
radius double Radius of the outer segment circle.
strokeWidth double Thickness of each segment line.
segmentGap double Gap between each segment in the indicator.
color Color Color of the segments.
placeholder Widget Function(BuildContext, String)? Widget displayed while the image is loading.
errorWidget Widget Function(BuildContext, String, Object)? Widget displayed if the image fails to load.
4
likes
150
points
21
downloads

Publisher

verified publishersaktepe.com

Weekly Downloads

A Flutter package that provides a customizable circular segment indicator around profile avatars.

Repository (GitHub)
View/report issues

Topics

#story #stories #instagram #reel #reels

Documentation

API reference

License

MIT (license)

Dependencies

cached_network_image, flutter

More

Packages that depend on story_segment_view