React Native Sticky Item

Overview

The npm package is an interactive sticky item inspired by Facebook Stories. It requires the installation of react-native-reanimated, react-native-gesture-handler, and react-native-svg libraries along with following their installation instructions.

Features

• itemWidth: Item’s width
• itemHeight: Item’s height
• separatorSize: FlatList’s separator width, set if ItemSeparatorComponent is provided
• borderRadius: Item & sticky border radius
• stickyItemActiveOpacity: Sticky item’s active opacity
• stickyItemWidth: Sticky item’s width
• stickyItemHeight: Sticky item’s height
• stickyItemBackgroundColors: Sticky item’s two background colors
• stickyItemContent: Sticky item’s content component
• isRTL: FlatList’ layout direction
• onStickyItemPress: Callback when sticky item gets pressed

Installation

To install the theme, you need to install the following libraries before using the npm package:

npm install react-native-reanimated
npm install react-native-gesture-handler
npm install react-native-svg

Follow their installation instructions for each library before using the npm package.

Summary

The npm package provides an interactive sticky item functionality inspired by Facebook Stories, requiring the installation of additional libraries such as react-native-reanimated, react-native-gesture-handler, and react-native-svg. The package offers various customizable features to enhance the user experience, such as defining item width, height, border radius, background colors, and more.