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.

Libraries

story_segment_view