Introducing @spk265/media-slider: A Simple Media Carousel for React Native

If you've ever needed a smooth, customizable media slider for your React Native app, then @spk265/media-slider is for you! ๐
What is @spk265/media-slider?
@spk265/media-slider is a lightweight, flexible media carousel for React Native. It allows you to display images effortlessly while ensuring a smooth user experience.
Key Features
โ Supports Images โ Seamlessly slide through images(video support coming soon!).
โ Auto Play & Looping โ Set it to play automatically with customizable timing.
โ Gesture-Based Navigation โ Swipe left/right to navigate smoothly.
โ Customizable Controls โ Modify indicators, navigation buttons, and styles to match your design.
โ Lightweight & Performant โ Optimized for React Native to ensure smooth performance.
Installation & Usage
Installing @spk265/media-slider is easy:
npm install @spk265/media-slider
Basic usage:
import MediaSlider from "@spk265/media-slider";
const media = [
{ type: "image", uri: "https://example.com/image1.jpg" },
{ type: "image", uri: "https://example.com/image2.jpg" },
];
export default function App() {
return <MediaSlider media={media} />;
}
Looking for Feedback!
I built this package to make media slideshows easier in React Native, and Iโd love to hear your thoughts! ๐
Try it out and let me know what features or improvements you would like to see.
๐ Check it out on npm: @spk265/media-slider
๐ GitHub: Link
Subscribe to my newsletter
Read articles from Shyam Katti directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
