React Native Insta Story screenshot

React Native Insta Story

Author Avatar Theme by Caglardurmus
Updated: 21 Apr 2023
186 Stars

Story component for React Native

Categories

Overview

React Native Insta Story is a powerful library that allows developers to integrate story-like features into their applications, reminiscent of the popular Instagram stories. This library is designed to provide a seamless user experience, making it easy to implement visual storytelling in your React Native apps. With a variety of customizable options and a straightforward setup, it’s an excellent choice for developers looking to enhance user engagement.

Features

  • Data: Accepts an array of IUserStory, making it easy to handle multiple story elements.
  • Unpressed and Pressed Border Colors: Customize the border colors of the profile circle with configurable color properties for a tailored look.
  • Avatar Text Color: Adjustable text color for avatars in both pressed and unpressed states, enhancing visual consistency.
  • Story Callbacks: Options to specify functions for onStorySeen, onClose, and onStart events, allowing for interactive story management.
  • Duration Control: Each story can be set to display for a specified duration (default is 10 seconds), ensuring stories are timely and engaging.
  • Custom Swipe and Close Components: Flexibility to implement custom components for swipe interactions and close actions, promoting a unique user interface.
  • Avatar Customization: Multiple style options for avatars, including size and text visibility, to match the app’s aesthetic.
  • Animation Styles: Tailored styles for loaded and unloaded animation bars provide a smooth visual experience during story transitions.